Website Images -
When creating Facebook and website side advert images make them -
600 px wide x 314 px high
When created Deluxe Plan banner scrolling ads make them -
800 px wide x 150 px high
Blog posts -
Based on the layout of the page, the optimal image size for the banners (such as those for David Hooper Chartered Accountants or Coast Acupuncture) is:
1200 x 300 pixels
Why this size works best:
- Aspect Ratio (4:1): This wide "panorama" style fits the full width of the content column while keeping the height compact. This prevents the banner from pushing your actual article content too far down the page.
- High-Density Displays: While the website displays these at a smaller width on many screens, creating them at 1200px wide ensures they look crisp on high-resolution "Retina" screens and mobile devices.
- Standardization: Using a consistent 4:1 ratio across all your post banners will give the site a professional, uniform look.
Design Tips for these Banners:
- Safe Zone: Keep your important text and logos toward the center. On mobile, the edges of images can sometimes be slightly cropped depending on the viewer's screen width.
- File Format: Save your final designs as WebP or JPG (at about 70-80% quality). This keeps the file size small (ideally under 100KB) so the page loads quickly for local users on mobile data.
- Text Size: Since many locals will view these posts on their phones, ensure any phone numbers or "Call to Action" text (like "Book Now") is large enough to be legible on a small screen.
To Resize Your Images
To resize an image with Microsoft Powertoys -
- Go to your image in your browser
- Right click on it
- Select "Resize with Image Resizer"
- At the top select the size you want to resize to
