[Solution] Sharper Thumbnails for Facebook, Google, Open Graph, Pinterest, Schema, SEO, Twitter, etc.

Pop quiz! Did you know?

1) WordPress creates thumbnails automatically?

WordPress uses the larger / full-size image you upload to create smaller thumbnail images (see your WordPress Settings > Media page for the complete list of sizes).

For example, a photo gallery page will show small thumbnails of the larger / full-size images you uploaded. Themes will often include the featured image you selected in a predefined image size and location in the webpage.

2) All images must be sharpened after resizing?

This is such a standard process that Photoshop, for example, automatically applies a default amount of sharpening when resizing any image — you must specifically uncheck an option in Photoshop to avoid sharpenning an image during the resize process!

3) WordPress does not sharpen resized images?

Continue reading

WPSSO – Why You Shouldn’t Upload Small Images

Once in a while a WPSSO Core user will ask me how to disable notices from WPSSO for small images — they reason that images uploaded to their Media library are sized correctly beforehand, and they cannot re-upload larger images without significantly altering their content layout (including huge images, instead of smaller ones, in their post content). For example, if a user requires a 300x200px image for their content, they upload a 300x200px image to the Media library. What they don’t realize is that WordPress isn’t meant to be used this way and they’re breaking an essential WordPress feature by doing this — not to mention that WPSSO will probably reject the image for being too small for Facebook Open Graph meta tags and Google Schema markup requirements. :-) WordPress and several 3rd party plugins provide different image sizes based on the resolution of the viewing device (aka responsive images). For example, a 300x200px image in your content will look blurry on high resolution screens (almost all current mobile phones, tablets, and laptops) because the browser must “upscale” the image to 450x300px or 600x400px in order to fill a 300x200px space on these high resolution screens. WordPress includes additional image markup in the webpage to provide alternative sizes (300x200px, 450x300px, and 600x400px for example), which allows the browser to choose the appropriate image based on the screen resolution. If you upload a 300x200px image to the Media library, WordPress will not be able to offer these additional image sizes, and WPSSO will not be able to use this image for most social sites and search engines (which have minimum image size requirements).

So, what should you do if you want a 300x200px image in your content?

That’s what WordPress image sizes are for. ;-)

Continue reading

WPSSO – Upscale / Enlarge Small Images

WPSSO version 3.21.0 has been released.

Since it’s release, WPSSO has always required custom image sizes, like those WordPress uses (thumbnail, medium, large, etc). Requiring specific image dimensions, instead of simply using the full-size image as most plugins do, has always been a bit of a two-edged sword. On the one hand we can make sure that we provide large images to social sites for retina / high-PPI displays (and check size ratios, etc.), but on the other hand, always making sure your original full-size images are large enough (not to mention older images in your library that pre-date WPSSO) can be a bit of a challenge. :) Sometimes, you’d just like to upscale / enlarge the images you have — not too much, but just a bit. If you’ve felt that need, then you’ll really like WPSSO v3.21.0 — it offers a new image upscaling module, including a maximum percentage limit to make sure your upscaled images don’t look too bad. No matter what, upscaled images will never look as sharp and clean as your originals. I would encourage you to upload larger full-size originals instead of upscaling your existing images, but if upscaling sounds right for you, check the updated Setup Guide for additional information on this feature.

Continue reading