Make school website photos faster—without sacrificing quality

There is no single correct size for every image. Size the photo for its intended placement: Website Photo Prep limits everyday page photos to 1600 pixels on the longest side and full-width banners to 2560 pixels. Smaller images should never be enlarged just to reach those limits.

Aim for the smallest file that still looks sharp in its intended placement instead of enforcing one limit such as 150 KB. A simple content photo may compress well below that, while a detailed full-width campus photograph may require more. Current web.dev image-performance guidance recommends testing compression until you reach a good balance between quality and file size.

Resize the image to appropriate pixel dimensions before compressing it, then compare the result with the original. If compression creates a larger file or a noticeable loss of quality, keep the original. Website Photo Prep performs that file-size comparison automatically.

JPEG and WebP are usually the best choices for photographs. PNG is better for graphics that require transparency or extremely sharp flat-color edges. Your CMS or content delivery network may also create responsive WebP or AVIF versions automatically, so converting every source file is not always necessary. See web.dev’s image-format guidance for more detail.

Yes. CMS-level responsive delivery is valuable, but it does not make every original upload appropriate. For example, HubSpot automatically resizes qualifying images with defined dimensions, but images larger than 4096 pixels on either side are excluded from that automatic resizing.

It can help by reducing page weight and improving the loading experience, but no single pixel dimension or file-size limit guarantees higher rankings. Descriptive alt text, relevant surrounding copy, and responsive high-quality images also help search engines understand and surface school photography.

Hero images appear at different shapes on desktop and mobile. Start with an adequately sized landscape image, keep important people and details away from the edges, and choose a crop that works at several aspect ratios. Blurriness often occurs when a smaller source image is stretched.

Describe the meaningful subject and action in context, without stuffing in marketing keywords. Examples include “Two eighth-grade students testing a robot in the school makerspace” or “Nursing students practicing patient assessment in the simulation lab.” Decorative images should use an empty alt attribute. Read Google’s image SEO guidance for additional examples.

Yes. Website Photo Prep can process multiple image files or a ZIP in one batch while keeping the files on your device. Google Drive and Dropbox connections are planned but are not currently enabled.