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

    • Image Sizing and Preparation for liveBooks Websites

      Note: This guide uses Photoshop as an example. To view our guide overviewing how to size images with Mac 'Preview' click here. File Size There are a couple different ways to save JPGs from Adobe Photoshop and Lightroom. With Photoshop, we recommend ...

    • 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 ...

    • Changes Aren't Showing in Preview

      If your changes are not showing up within the Preview, try: 1. Refreshing the preview page. 2. Making sure you have selected all the necessary Save buttons after making changes. 3. Closing any other windows of the Dashboard/Design/Content panels that ...