{"id":10514,"date":"2024-04-10T17:57:44","date_gmt":"2024-04-10T15:57:44","guid":{"rendered":"https:\/\/shortpixel.com/blog\/?p=10514"},"modified":"2024-10-02T19:39:23","modified_gmt":"2024-10-02T17:39:23","slug":"why-not-compress-images-before-uploading-them-to-wordpress","status":"publish","type":"post","link":"https:\/\/shortpixel.com\/blog\/why-not-compress-images-before-uploading-them-to-wordpress\/","title":{"rendered":"Why Compressing Images Before Uploading Them To WordPress Isn’t Such a Good Idea"},"content":{"rendered":"\n

There’s a common belief that compressing images before uploading them to WordPress is the way to go.<\/p>\n\n\n\n

But in reality, this can cause issues, especially with the thumbnails WordPress creates.<\/p>\n\n\n\n

In this post, we\u2019ll dive into why you might want to think twice before compressing your images ahead of time.<\/p>\n\n\n\n

What are WordPress thumbnails?<\/h2>\n\n\n\n

WordPress thumbnails, also called image sizes<\/a>, are just different versions of an image that WordPress automatically generates to fit various spots on your site.<\/p>\n\n\n\n

When you upload an image to the media library, WordPress creates several resized versions based on preset dimensions.<\/p>\n\n\n\n

\"\"<\/a>
WordPress Media Settings (Settings > Media)<\/figcaption><\/figure>\n\n\n\n

On top of the default sizes, themes and plugins can also add their own custom image sizes. For example, a theme might set specific sizes for featured images or header backgrounds.<\/p>\n\n\n\n

WordPress makes it easy to manage these sizes in the media settings (Settings > Media). You can choose the default dimensions for thumbnails, medium, and large images, and even toggle cropping for thumbnails.<\/p>\n\n\n\n

The downside of pre-compression<\/h2>\n\n\n\n

When you upload a pre-compressed image, WordPress uses it as the source for generating these thumbnails. <\/p>\n\n\n\n

While this can help somewhat with thumbnail sizes, it will require extra time and effort from the editor, resulting in thumbnails that are only 22% smaller. <\/p>\n\n\n\n

Using a plugin like ShortPixel Image Optimizer<\/a> saves time by automating the process, and the resulting thumbnails are 76% smaller<\/strong>.<\/p>\n\n\n\n

\"\"
Original<\/td>		\"\"
Optimized locally(22.28% lighter)<\/td>		\"\"
Optimized by ShortPixel(76.39% lighter)<\/strong><\/td><\/tr>
\"\"
Original thumbnails<\/td>		\"\"
Locally optimized thumbnails<\/td>		\"\"
Thumbnails optimized by ShortPixel<\/td><\/tr>
Download example<\/a><\/td>Download example<\/a><\/td>Download example<\/a><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

As shown in the table above, there are three different image sets: the original image, the original image in a compressed format (optimized locally<\/em>), and the original image optimized using ShortPixel Image Optimizer (optimized by ShortPixel<\/em>).<\/p>\n\n\n\n

\n
\n
<\/path><\/svg><\/div><\/div>\n<\/div>\n\n\n\n

Good to know:<\/strong> The file sizes of the locally uncompressed thumbnails are significantly smaller<\/strong>, thanks to individual processing and optimization of each thumbnail using SmartCompress<\/a> algorithms.<\/p>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

Solution? Compress images after upload<\/h2>\n\n\n\n

It’s that simple! It\u2019s better to upload uncompressed images to WordPress and have them compressed afterward.<\/p>\n\n\n\n

This way, you preserve the original quality and give WordPress high-quality source material to create thumbnails from.<\/p>\n\n\n\n

The payoff? Uncompressed images lead to better-quality thumbnails, while still keeping file sizes small.<\/p>\n\n\n\n

Plus, by uploading uncompressed images, you maintain control over the entire optimization process.<\/p>\n\n\n\n

Finally, you can use a plugin like ShortPixel Image Optimizer<\/a> to fine-tune compression settings and get the ideal balance between image quality and file size.<\/p>\n\n\n\n

Conclusion<\/h2>\n\n\n\n

While it may seem counterintuitive, not compressing images before uploading them to WordPress is the superior approach.<\/p>\n\n\n\n

By preserving the original quality, allowing WordPress to generate thumbnails from uncompressed images, and compressing the images afterward using a plugin, you ensure optimal visual presentation and efficient website performance.<\/p>\n\n\n\n

\n

Go unlimited with ShortPixel!<\/h3>\n\n\n\n

Optimize images effortlessly, with no restrictions or limitations.<\/p>\n\n\n\n

\n
Get Started<\/a><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

There’s a common belief that compressing images before uploading them to WordPress is the way to go. But in reality, this can cause issues, especially with the thumbnails WordPress creates. In this post, we\u2019ll dive into why you might want to think twice before compressing your images ahead of time. What are WordPress thumbnails? WordPress […]<\/p>\n","protected":false},"author":22,"featured_media":10527,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-10514","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-world-of-wordpress"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/10514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/comments?post=10514"}],"version-history":[{"count":31,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/10514\/revisions"}],"predecessor-version":[{"id":11225,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/10514\/revisions\/11225"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/media\/10527"}],"wp:attachment":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/media?parent=10514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/categories?post=10514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/tags?post=10514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}