Guidelines for Resource Collection Thumbnail Image Quality

This guide provides clear recommendations to help you create thumbnails that are sharp, high-quality, and visually consistent across layouts. Follow the steps and specifications below to ensure optimal display results.

Recommended Image Dimensions

• Primary recommendation: 560 × 410 px (2× the display size)

• Minimum acceptable: 280 × 205 px

• Aspect ratio: 1.37:1 (for example, 280 × 205 px)

File Format and Quality

• Format:

  • JPG for photographs

  • PNG for graphics containing text or sharp edges

• Quality: 85–95% (high quality)

• File size: Under 500 KB

• Resolution: Minimum 150 DPI

Theme-Specific Recommendations

Wide Layouts (page width 1200 px and above)

• Minimum: 560 × 410 px

• For extra sharpness: 840 × 615 px

• JPG quality: 90%+

Standard Layouts (page width 768–1200 px)

• Minimum: 420 × 308 px

• Recommended: 560 × 410 px

• JPG quality: 85%+

Image Preparation Steps

Follow these steps before uploading your image:

1. Crop the image to exactly a 1.37:1 ratio to prevent stretching.

2. Apply sharpening (for example, Photoshop Smart Sharpen at 50–75%) to maintain clarity.

3. Increase contrast by 5–10% to offset compression effects.

4. Verify text legibility at thumbnail size and avoid very small fonts.

Expected outcome: The final image should display sharp, well-balanced visuals without distortion or compression artifacts.

Common Mistakes to Avoid

Avoid these common issues to maintain consistent image quality:

• Uploading images smaller than 280 × 205 px

• Using low JPG quality (below 70%)

• Uploading square images (will be cropped or stretched)

• Uploading very large files (over 2 MB) that may become over-compressed

Quick Reference Checklist

Expected Result:
Thumbnails appear crisp, properly scaled, and consistent across all layouts.

Example: JPG and PNG