When building a Queue using Clearview Social, we provide several options for editing and uploading images to content you are about to share. While all of our supported browsers render these images without issues, many email clients have restrictions on how we can render images. Because of these restrictions, images rendered in email often do not look the same as they do on the web.
Clearview Social New Standard
At Clearview Social, we've observed among our own user base a consistent 36% increase in clicks when images are included. Our old model standard for handling images was based on LinkedIn's 520x272 pixels model (this recommendation was updated on 8/13/18) which are great for LinkedIn and thumbnails, but images for Facebook and Twitter look better at higher resolutions in a larger size. ClearView Social now supports images up to 10 Mb in file size and 540 x 330 in pixels to showcase more vibrant photos all around!
All articles shared through ClearView Social may include and image. Images can be uploaded 1 of 2 ways: manually through the share modal or automatically through the RSS feed or link the article was pulled from.
Manually Uploading an Image
From the share modal, you can upload an image by clicking on the paper clip icon near the image area. After an image is uploaded you will be presented with a pop-up to crop the image to your liking.
Cropping an image to 540 x 330 Pixels
From here you can zoom in and out to pick the best thumbnail to be used throughout the software and when shared to the web. By clicking "Finish" the highlighted area inside the image will be resized to 540 x 330 pixels and saved to the article. If you click "Don't Crop" the image will still be resized, but the chosen area will be picked from the center of the photo.
*Note: Any edits to the image are final and cannot be reverted. A new image will have to be uploaded to reset any changes.
*NEW: Note in regards to LinkedIn: LinkedIn has recently begun resizing the images that share to their site, which adds pixelation to photos that are already cropped. We recommend uploading an image at 520 x 272 pixels, and then clicking "Cancel" instead of cropping it. This will avoid one round of artifacts that may effect the resolution of your image.
Automatically Uploading Images from External Sources
When we first save an article to our system, we pull a lot of useful information such as the title, heading, and image. To ensure all images fit our new standard, any image pulled will be resized when saved to our system. If the image is larger than 540 x 330 pixels the image will be cut from the center of the image. If the image is smaller, the image will be resized up to match.
Finding the Right Image Size for Social Media
Before we resized images on our site, but sent the full sized image to LinkedIn, Facebook, and Twitter. This resulted in each platform choosing the best size to display which isn't always the same. For example with Facebook, when sharing an image with a height larger than its width displayed like the image below.
Post to Facebook using old standard
By having all images resized to the same dimensions we can ensure all posts will follow a similar style like the post below
Posting to Facebook using the new standard
Finding the Right Image Size for Thumbnails ( Share Page and Emails )
When you post a new article or upload an image, web browsers will resize the image to fit within the dimensions allotted to it. While browsers tend to do a good job of rendering large images in small spaces, email clients will often render them poorly, creating distorted or grainy-looking images.
An image that is 540 x 330 should present well when resized in emails.
Many email clients will skew an image's width and height to fit within a fixed ratio. This means that if you include an article with a portrait-oriented image (i.e. the height is greater than the width), the emailed image will be distorted. To fix this issue, we recommend cropping the image in the image editor.
If there is anything else we can assist you with, you can contact ClearView Social Support either by emailing firstname.lastname@example.org or through the Intercom chat button in the bottom right of the site.