Design for multiple crops
The same image may appear as a square, wide card, or small thumbnail depending on the platform and device.
Keep the most important subject near the center and avoid putting essential text near the edge.
Limit text inside images
Small preview cards can make text hard to read. Use the post title, caption, or page metadata for detailed wording.
When text is necessary, use strong contrast and fewer words so it remains readable at thumbnail size.
Check privacy before posting
Screenshots can reveal usernames, file paths, browser tabs, location data, or customer information.
Blur or remove private details before publishing and consider stripping metadata from public images.
Practical example workflow
Start by deciding where the image will appear: a hero banner, product card, profile photo, form attachment, social preview, or email. Each location has a different useful size and crop. Preparing one giant file for every use case is slower for visitors and harder to review.
Make a working copy, resize it to the largest realistic display size, then export a compressed version. Open the exported file on desktop and mobile before publishing. Check small text, edges, faces, product labels, transparency, and color shifts. If those details are still clear, the smaller version is usually the better publishing file.
Quality checks before publishing
Use clear filenames, remove private metadata when the image is public, and keep the original file in a private folder. For client work, record the final width, height, format, and compression setting so the image can be recreated later without guessing.
For important uploads, test the image inside the actual platform instead of only viewing it locally. Some platforms crop thumbnails, recompress uploads, or reject transparent images. A quick final preview catches those problems before the file is shared publicly.