Image Preparation for liveBooks Using Mac Preview

Image Preparation for liveBooks Using Mac Preview

Note: It’s good to keep a copy of your full-sized image as they are, so it’s recommended you duplicate and work from a copy.

1. right-click to duplicate the image.

Untitled.png

 

2. Open your copy in Preview and, from the Tools menu adjust size.

Untitled1.png

3. Assuming your original image was wider than 2560 pixels, adjust the image width to 2560 and make sure the resolution is set to 72 dpi.

optimizing_for_web_using_Mac_Preview.png

4. Then, from the File menu, choose the option to export.

 Untitled5.png

 

 5. Set Format to JPEG. Reduce the quality setting so the file size is no larger than about 600 to 800 KB. You’ll also have to rename the file (This is because Preview will not be able to overwrite a file that’s already open)

Untitled4.png 

 

 6. That's it!  You can now upload the correctly sized image to your liveBooks editor. To double check the images specs, just right-click and 'get info' to see them.  Below is a picture of the image info window showing the new dimensions and file size (695 KB).

Untitled6.png

 

 

 

    • Related Articles

    • Optimizing Image Size for Your Website (Using Photoshop)

      Optimizing your images is crucial for website speed and performance. This guide provides best practices for saving JPEG files using Adobe Photoshop. Note: For a guide on sizing images using Mac "Preview," click here. File Size Optimization (KB) We ...
    • How to Preview Changes Without Publishing

      The Preview tool allows you to view your site prior to publishing it live, which saves you time and energy from constantly publishing to see changes. How to access the Preview tool If you are logged into your liveBooks Dashboard, from your browser ...
    • Manage Your Image Collection

      The Images collection is a central library that consolidates all of the images used on your site in one convenient location. You are able to upload, delete, manage SEO information and even adjust the overall image quality that displays online. Access ...
    • Add a Logo or Image to Your Footer

      If you are looking to add an image to your website's footer - such as the logo of your company, awards you have received, or any professional organizations you belong to - you can do so by following the steps below. How to add images or logos to the ...
    • Adjust the Overall Image Quality of Your Website

      You are able to adjust the overall image quality preset or individual compression settings for supported image types inside your liveBooks editor. Advanced settings are also available for those users who want to configure each image format. Select ...