How to Deliver Images for Your Website
To ensure the best quality and performance on your website,
please follow these guidelines when providing images.
1.
Image Dimensions & Orientation
-
Header images (wide banners) โ Max width: 2000px (Ideal: 2000x800px)
- These images should be wide and high-quality to look great on all screens.
-
Full-width section images โ Max width: 2000px (Ideal: 2000x1000px)
- Used for large backgrounds or hero sections.
-
Standard horizontal images โ Max width: 1500px (Ideal: 1500x900px)
- Best for content sections and blog posts.
-
Square images (logos, icons, profile pictures, etc.) โ Min 800x800px, but max 1000x1000px
- Ensure they are centered and cropped properly.
-
Thumbnails & small images โ Max width: 800px
- Used for smaller visuals, blog thumbnails, etc.
๐ Tip: If you’re unsure, bigger is betterโI can resize them if needed!
2.
How to Resize Your Images
(Free & Easy)
- To resize your images easily, use this free tool:
๐ ResizePixel- Upload your image.
- Enter the correct width (2000px for headers, 1500px for horizontal images, etc.).
- Click Resize and download the new image.
3.
Compress Your Images for Faster Loading
- Once resized, compress them to reduce file size (without losing quality) using:
๐ TinyPNGย- Drag & drop your images.
- Download the optimized versions.
This helps your website load faster and perform better! ๐
4.
Name Your Files Properly
-
Please rename each file to indicate where it will go on the website. This helps avoid confusion!
โ Examples:
homepage-header.jpgabout-section-image.jpgservices-banner.jpgteam-photo.jpgproduct-1.jpg,product-2.jpg
โ Avoid generic names like:
IMG_02345.JPGScreenshot.pngimage1.jpg
5.
How to Deliver Your Images
- ๐ Recommended: Upload all images to Google Drive
Following these steps will ensure your website looks sharp, loads fast, and runs smoothly!
Need help? Let me know!