How to Upload Photo on Twitter Without Compression

Avert Twitter JPG Compression By HD PNG To Improve Upload Quality

Infographics to summarize all the key steps

Embed code:
<a href="https://www.freegaminglogo.com/p/twitter-jpg-compression-image-quality.html" target="_blank"><img alt="Avoid Twitter JPG Compression By Hd PNG To Ameliorate Upload Quality " src="https://one.bp.blogspot.com/-hUV0YCCfQ60/Five-oS8nSGLMI/AAAAAAAAA3c/tO0c-5eyO68CHwPxCFauiLF8_ibj0BsXQCLcB/s1000/Infographics-Avoid-Twitter-JPG-Compression-By-Hd-PNG-To-Improve-Upload-Quality.png" championship="Avoid Twitter JPG Pinch By Hd PNG To Improve Upload Quality " /></a>

Tons of complaints on Twitter upload quality...
From time to time, you'll see so many people complaining about the poor image quality on Twitter when they upload their designs, photos, images, pictures to their timeline. The reason behind is that Twitter uploader applies very heavy compression on the images, especially JPG to conserve their server resource. When you effort to view the uploaded image on Twitter timeline, the quality is sub-par or even blurry. It is more obvious for designs, photos and images with lots of effects and textures. Even so, we are now going to show you the hole-and-corner tricks to force Twitter to retain the image quality as loftier definition / loftier resolution as possible. No more than restraint. No more than complaint. Read on to know more.

Basics
Before getting direct to the tips and tricks to upload maximum quality images on Twitter, you lot may be interested in the rationale and how nosotros come up with this almost fool-proof method to ensure it works. The post-obit is our observation and experiment findings when we try to wait into the Twitter image upload process.

• Twitter prototype uploader accepts file formats in JPG, PNG and GIF.
• After being uploaded, JPG is the well-nigh compressed, while PNG is the least.
• The maximum dimension for an uploaded PNG is 2048 10 2048.
• A 100% opacity PNG will exist converted to JPG and undergo heavy compression.
• PNG with too large file size may exist converted to JPG, or cause internal server fault when uploaded.

The Magical Recipe to upload Hd images on Twitter
You may have heard nigh different ways to upload high resolution images on Twitter before, or even accept tried them merely in vain. Hither comes the nearly well-organized steps to disclose the secrets behind Twitter's upload process and how you tin accomplish the best quality of the images, photos, designs and pictures you lot upload to your Twitter timeline. Success is guaranteed, only if yous empathise and follow the following tips and tricks carefully. While some steps are demonstrated through the use of Photoshop, other software tin can more or less attain the aforementioned outcome. We cannot promise whether Twitter will alter its prototype upload machinery and patch it. But information technology'south quite unlikely equally Twitter needs to continuously back up PNG equally an image upload format. Then, let'due south get started.

i. Calculate the optimal dimension
Let's get a estimator, be information technology a real i or an app, to exercise some real maths! We can assure you that this step is crucial to prevent any failures for all the surreptitious tricks. By "optimal dimension", we mean that a dimension with the longer side being exactly 2048 pixels, simply Not falling behind or exceeding information technology. We'll show information technology through some examples here.

• For hardcore mathematicians (just joking, loftier school maths here!):
  Assuming you have ratio length (L) : width (W), the optimal dimension can be calculated by
  length = 2048    &    width = 2048 ÷ L x W (landscape) or
  length = 2048 ÷ W x Fifty    &    width = 2048 (portrait)
  For example, if you want a 1 : 1 square AVI design uploaded to your Twitter timeline, and so the length is 2048 and width is 2048, and then the overall dimension is 2048 ten 2048.
  Another example, if you want a three : one header blueprint uploaded, then the length is 2048, and width is 2048 ÷ three x 1 = 682 (rounded down to integer), and then the overall dimension is 2048 10 682.
  How nearly a portrait digital photo of 3456 x 4608? The optimal dimension for upload would be: length is 2048 ÷ 4608 10 3456 = 1536, and width is 2048, so the overall dimension is 1536 ten 2048.
• For people who don't intendance about any troublesome maths:
  Just brand sure the longer side of the dimension you choose is exactly 2048 pixel, while the other side can be of any value.
• Examples of acceptable optimal dimensions: 2048 10 1024, 2048 x 800, 2048 10 1600, 800 x 2048, m x 2048, 2048 10 2048 ...
• Examples of unacceptable dimensions (too large!): 2048 x 2600, 2048 ten 3000, 1000 10 3000, 3872 x 2592, 6016 x 4000, 2500 x 2500 ...
• Examples of adequate nonetheless sub-par dimensions (too modest!): 800 x 400, 500 x 500, 1000x 400, 600 10 300, 704 x 480, 640 x 480 ...

2. Employ sail size in optimal dimension or larger
If y'all're used to designing, yous'll know you demand to prepare the sheet size whenever you create a new file. For this method to piece of work, you lot should set the canvas size to the optimal dimension you've calculated in step 1, that is with the longer side in 2048 px. Even so, if you're doing the design for some specific needs which crave you to apply larger resolution, it's yet fine for you to adopt a larger than optimal dimension. Information technology's considering you can still export the image in the optimal dimension even if you use a larger dimension at first, which we'll cover in later steps. The primal is that if you lot're opting to accomplish the best quality, you should not utilize dimension that is smaller than the optimal one you've calculated. Assuming you're Photoshop, y'all can make the settings like the post-obit when you create a new file:

• Make the image size to optimal dimension or larger
• In 300 pixels/inch (PPI)
• In RGB viii fleck mode

3. Use high definition / resolution graphic elements in your design
This is probably a common sense, but notably many designers have committed such a mistake. It is fairly common for designers, especially social media designers, to use some stock prototype and effect graphic elements obtained either from the Internet or from graphic packs. While most of the stock elements are of quite high resolution, at that place are some which are not as Hard disk drive as the others. Never scale up raster graphic elements (unless they are vectors which are scalable without any quality loss!) beyond their original resolution to prevent whatsoever artifacts and blurriness afterwards. You lot can't await an overall HD design while the elements y'all use aren't that Hard disk drive. If your ain eyes aren't that trusted, try giving your finished pattern to somebody else for some opinions. Others may spot the blurriness or obscurity more easily than your own eyes.

iv. Grouping all the layers and set the opacity to 99%
This step is important to forcefulness Twitter to recognize the PNG file format. Subsequently you finish your design similar a header or aqueduct fine art, group ALL the layers and ready the opacity of the group to 99% . If yous're going to upload an image with simply one layer (e.g. a photo you lot've taken), simply set the opacity of the single image layer to 99%. Brand sure in that location is no background layer underneath. For this method to work, make certain you accept but either a Group or a SINGLE LAYER with 99% opacity, in the layer console. The rationale is that Twitter's image uploader will realize that transparency is actually not needed in a 100% opacity PNG so it'll convert it to a JPG with heavier compression which is much more blurry. A 99% opacity PNG does non dramatically affect the overall colors and effects of your design, but tin transport a betoken to the Twitter image uploader that transparency is important, and only a PNG can retain transparency but not a JPG.

NOTE:
If you're patient and meticulous enough, and recall that the 99% opacity is totally unacceptable and ruins the color, saturation and furnishings of your design, you can also merge all the layers and delete One pixel (e.g. at the corner) from the final issue so that there is a transparent pixel (you MUST apply a transparent background) for Twitter to recognize the PNG. We practice not suggest this method as it needs more meticulous mind and lots of zooming in to do so, and we don't guarantee it works every time. There is also an online tool from RavenWorks or totoraj930 (blueish push button to select and gray push button to salvage) which can achieve a similar outcome.

five. Save for spider web as transparent PNG-24 in optimal dimension
Exporting in the right way is equally crucial as the previous steps. Nosotros'll suggest using "Relieve For Spider web" or the newer "Export As..." to save the PNG in Photoshop. Either style, you lot'll need to choose PNG-24 (Save For Spider web) or PNG (Export As...) every bit the exported file format. Transparency is definitely needed to force Twitter to recognize the prototype as a PNG. As Twitter will ultimately scale down any larger PNG to an optimal dimension (longer side in 2048 px), information technology's wiser to export information technology in optimal dimension (as calculated before) at first to avoid any upload issues. The quality fashion to export PNG does non affect much about the upload quality. So, to summarize:

• Choose the file format as a PNG-24
• Brand certain "Transparency" is checked
• Image size dimension is optimal as calculated in step one, that is the longer side in 2048 px
• Quality mode set to bilinear . Others are fine too.

6. Exported PNG file size must be under 2.5 MB
This important tip takes united states quite a while to discover, and it's quite a troublesome setback that's hard to solve. You need to ensure that the exported PNG file size needs to be under ii.5 MB, otherwise Twitter may force it to exist converted to JPG with heavy compression, or information technology may cause "internal server mistake" when uploaded. ii.5 MB is not a magic number, but should be a safety margin, or regarded every bit the upper limit of the uploaded PNG image. In our experiments, PNGs with file size way across 2.five MB admittedly do not work, while some of those with just a flake above 2.five MB might or might not piece of work, and a majority of those below ii.5 MB work perfectly. If your PNG file size is too large, or have already tried i with <2.v MB just failed, yous may need to reduce the file size. There are several ways that you lot tin reduce the file size, only all these touch on the quality of your blueprint. Y'all accept to brand compromises.

• Export in a dimension smaller than the optimal dimension
• Reduce the furnishings or graphic elements used in your pattern (though we don't suggest this)

Assuming you lot're using Photoshop, you lot tin actually estimate the PNG file size in the Save For Web or Export As... window, before yous actually save it.

7. Test and verify with another Twitter business relationship
This step is for anyone who wants to be 100% sure the PNG will work and won't screw upwards after beingness uploaded to your Twitter timeline. Prepare a dummy Twitter account (usually with protected tweets). Upload the exported PNG to the Twitter timeline. Afterwards, you tin click on the image to see a larger preview. Correct click the big image to "Save image as...". If it is showing the file format as a PNG or sometimes PNG-LARGE depending on the browsers yous're using, and then it works perfectly. If it doesn't work, review the procedure advisedly to see if you take missed anything. Feel free to inquire u.s.a. about information technology on Twitter if you need any help with the process.

SHARE YOUR THOUGHTS
Take you tried our method to upload high quality and loftier resolution images, photos, pictures or designs in PNG to avoid the heavy JPG compression? Does it work? Do you accept whatsoever particular observations or tips likewise? Experience complimentary to share your thoughts. Let's share this to the design community so we'll no longer see any complaints on Twitter paradigm upload quality and tin can enjoy much amend and clearer graphics!

rifflesaise1946.blogspot.com

Source: https://www.freegaminglogo.com/p/twitter-jpg-compression-image-quality.html

Share this post