15 Jul 2015

Give Your EverWeb Site A Favicon

No Comments EverWeb, Tips and Tricks

When EverWeb 1.8 was released, many new features came out at one time, and I think as a result, some highly requested features have been overlooked by those same users who were requesting those features.

One feature in particular that I believe gets overlooked is the Favicon feature. In case you are unfamiliar, a favicon is a small little icon that is associated with a website. If you are using Safari 8, just click in the address bar, and any website that has a favicon assigned to it will appear next to the URL. If you are using another web browser such as Chrome or Firefox, just look at the very top of the tabs in the browser and you will be able to see the favicon.

In EverWeb, you can add your Favicon simply by going to File > Edit Publishing Settings, and scrolling down to the Favicon menu. Click the Choose button and then select the image you want to use.

Here is a video tutorial released by EverWeb to show you exactly how you can do this.

08 Jul 2015

EverWeb’s Image Slider Widget Is Even More Powerful!

No Comments EverWeb, Tips and Tricks, Widgets

With the release of EverWeb 1.8, the Image Slider widget received an update that included the ability to add captions to each slide, as well as adding a link to each slide. These new features allow users to make an even more professional looking image slider for their website.

Image sliders on websites became popular several years ago, and allow webmaster’s to display several photos showcasing their products/services with minimal effort from the website visitor. Image sliders can often be seen on photographer’s websites, as well as other sites such as online newspapers, and retailers like Amazon.

With the responsive design features released in EverWeb 1.8, we can now make our image sliders fill the entire width of the browser, and respond to changes made to the size of the browser.

The video tutorial below will illustrate how to use the Image Slider widget, as well as how to make the slider span the entire width of the browser. Enjoy!

24 Jun 2015

EverWeb 1.8 – Image Optimizations Part 2

No Comments EverWeb

In my last post I had a ‘Special Tip’ at the bottom. I got a lot of emails about this feature so I want to clarify what these new features in the preferences can be used for.

 

Optimize JPEG and PNG files

Optimize JPEG and PNG fiels on publishing with EverWeb

 

There are 3 image optimization settings here;

 

1. JPEG Image Quality

This option controls the optimization level of your JPEG files. The smaller this number, the smaller the JPEG files will be, however the lower the quality of your JPEG image files. The best bet is to keep it at it’s default of 80%, unless the JPEG image quality is very important to you. For example if you include high quality photos. But keep in mind, the 80% optimization usually provides very high quality images anyways

2. Optimize PNG Files

This option will reduce the file size of your PNG files without affecting the quality. This is a fantastic option to reduce your PNG images by up to 40%, sometimes even more. However, it does have the draw back of slowing down publishing since each PNG needs to be run through an optimizer.

3. Use Color Profile

This is a complex option but an important one. All web browser’s and devices (such as desktop, laptops, tablets and mobile devices) have different settings based on colors they can actually display to you. What you see on one device may not be the exact same color you see on another device. This all has to do with color profiles which can be modified from your system settings.

By using this option, you guarantee that your images will, for the most part, appear the same on all devices or browsers (or close to it). However, including this information increases the size of your images. If making sure your images look the same on all devices is important to you, keep this option selected. If slight variations in the color of images is OK, you can unselect this option to reduce the file size of your images.

You won’t see large differences with this option turned off, but if you are a professional photographer you will definitely notice it. If you are trying to match your logo image color to your page background color for example, without this option selected the colors may appear different in your browser, or on another device.

23 Jun 2015

Mobile Call Us Widget Update

No Comments Tips and Tricks

I have posted an important update to the Mobile Call Us Widget that I released last year. It now includes the call us images within the package. It is important to update this version, otherwise the image used can suddenly stop working at any time on your website.

Just download from the above link and double click it to install it. It will overwrite any previous versions you have.

If you were using it previously please pay close attention to the update. You will have to select one of the included images to use along with the widget, otherwise the image will not appear.

18 Jun 2015

EverWeb 1.8 – Automatic Image Optimizations

No Comments EverWeb

I wanted to cover a lesser publicized, but very useful feature in EverWeb 1.8. That is the automatic conversion and optimization of PDF, PSD and TIFF image files.

So many professional photographers use EverWeb and similar tools to show off their work. The problem is that they often import photos right from their camera or right from photoshop.

The problem with this approach is that the images tend to be huge and take up a lot of memory. They are also slower to load for your visitors and to publish to your site. It is never appropriate to use a PSD or PDF for an image to display on your site. Only if you wanted a visitor to actually download these files for editing or another reason. Never to just display to the user.

Of course, many people aren’t aware of this, and it isn’t something they should really be concerned about. That’s why I love the new auto optimization feature for PDF, PSDs and TIFF images when importing them into EverWeb.

You see, these image file formats contain a lot of extra information in them such as layers that only an image editing program can use. Often they can be 10x – 20x the size of a flattened PNG or JPEG file. There is no benefit to using images higher then 144 DPI (currently, this can change in the future) and extra layers on a website for display purposes. EverWeb can automatically optimize these images when importing them.

There is a trick to this feature though. When dragging PSDs, TIFFs or PDFs directly onto the design canvas in EverWeb, they will be automatically converted to PNGs or JPEGs depending on whether or not they require transparency. PNG’s are a heavier format (the have larger file sizes) because they can contain a transparent background.

If you drag a PSD, TIFF or PDF onto the Asset’s list, you will be presented with the option of adding them as an external file (that way you can use them as a hyperlink option so they can be downloaded) or optimize them for the web and add them to the Images list. An image that should only be displayed in a user’s browser, should always be optimized for the web for the best user experience.

EverWeb Image Optimizations Features

Automatically optimize your large images for the web

 

A very useful and important feature indeed.

I do wish we had the option to apply these optimizations to existing images in our assets list. If you have previously imported image files into an EverWeb project it would be very tedious to delete and re-import the image. There is no way, yet, to convert these images files yet.

Special Tip: For JPEG and PNG images you can actually further optimize them when publishing your website. Go to the Preferences->Publishing and you will see a setting for JPEG image quality and ‘Optimize PNG Files’. These options will help you automatically reduce the size of your image files so they appear faster for your visitors. I have been told that using the Optimize PNG Files will result in slower optimizations and uploading because the images are put through an optimizer on each publish. If you are OK with the slower publishing times (times depend on the number of images and size of your site), select the ‘Optimize PNG files’ option.