Blog Setup
April 10th 2019
Create a better blog using responsive grid layout widgets …
Images make up about 80% of the average web page content and are the biggest factor in causing poor performance. Images that have not been properly optimised effect the page download time and slow download is the main reason why potential visitors will quit and move on.
A large proportion of potential subscribers will be using mobile devices. Images used on a site designed to be displayed on computers are far too large for downloading over wireless cell phone networks.
Make sure visitors stick with your blog by optimising images and displaying them in a suitable way.
All the images used in a website should be resized before importing into EverWeb. There is no point in using an image with a 2000px width and a huge file file size if it going to be displayed at 800px wide on the page.
* Oversized images are the main reason why web pages don't download fast enough. *
Images
Images to be displayed in a lightbox slideshow only need to be about 1200px wide and certainly no more than 1600px. For responsive pages that will be displayed on mobile phones, smaller is better.
* Make sure the image file names have no spaces or special characters in them. *
Thumbnail Images
Obviously it is far better to create separate thumbnail images. The only exception is the Auto Gallery where the thumbnails are created in a separate folder on the server.
It is possible to load the full size images in the widget's Assets List for use as thumbnails and then reselect each one again as the large image. This should only be done by really lazy people where the full size images have been optimised and the total number of images is kept to 12 or less.
Resizing Images
The full size images should be assembled in a Finder folder and checked to make sure the file names have no spaces or special charactrs in them. They can then be batch resized in Preview.app to the required maximum width.
Resizing Thumbnails
Create a new folder for the thumbnail images, select all the large images (command + a), copy them (command + c) and then paste them (command +v) into the new folder.
Now they can be resized all at once use Preview.app …