Images: Best Practices & Specifications Guide
Learn the recommended size, orientation, and file format specifications to ensure all images on your website look sharp, load quickly, and meet search engine standards.
Using high-quality images across your website—whether in single Image blocks, Featured Images, Gallery blocks, or layout sections—is key to keeping readers engaged and improving your site's search engine visibility.
To ensure your images look sharp on all devices while maintaining fast page loading speeds, follow these size, orientation, and format guidelines whenever uploading media to your pages and posts.
1. Image Dimensions & Resolution
- Minimum Dimensions:
- 1600px width by 1200px height
- Meeting this minimum size ensures high-definition clarity across desktop monitors and mobile screens, while also satisfying Google News standards.
- Maximum Dimensions:
- Do not upload images larger than 2560px in height or width.
- Exceeding this limit consumes unnecessary server storage space and can significantly slow down your website's load times.
- Resolution:
- Set your image resolution to 72 ppi (pixels per inch) or higher.
2. Image Orientation & Aspect Ratio
How your images display depends heavily on the specific block you are using:
- Featured Images Block (Strict Crop):
Featured images appear as thumbnails on your homepage, category pages, sidebars, and social media previews. Because of this, they are automatically cropped to a 4:3 aspect ratio (Landscape).
We recommend uploading landscape images close to this ratio so your subjects stay centered and avoid awkward cropping. - Standard Image & Gallery Blocks (Flexible):
For regular content blocks—such as the standalone Image block or the Gallery block—the layout is much more flexible.
By default, these blocks do not crop your images; they will auto-adjust to display your photos naturally within the page layout without cutting off important details.
3. File Formats
- Photos & Realistic Images: Always use .JPG or .JPEG. These formats allow for optimal compression, keeping file sizes small without sacrificing visual quality.
- Graphics & Logos: Use .PNG only for simple graphics, logos, or images requiring a transparent background. Avoid using PNGs for large photographs, as the file sizes will be much larger and slow down your site.