Visual checklist
Watch the Video
Section titled “Watch the Video”You can use Photopea and Squoosh to resize and compress your images.
-
Open your image in Photopea.
-
Resize it by going to Image > Image size (as a general rule, an image in web content should not exceed 500 px in width).
-
Export your image with 60% quality.
-
Drag your image into Squoosh for a final layer of compression.
This helps maintain the loading speed of your pages and ensures a good browsing experience.
Recommended Dimensions
Section titled “Recommended Dimensions”The dimensions below are for reference only. They can be adjusted according to your image to achieve the expected display.
| Element | Recommended Dimensions |
|---|---|
| Banner | 1425 x 450 px |
| Logo | PNG format with transparency |
| Favicon | 64 x 64 px |
| Content images | Max 500 px width |