liveBooks Image Size Requirements

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 recommend keeping your image file size to 300 KB or below to ensure fast loading times.

  1. In Photoshop, go to File > Export > Save for Web (Legacy).
    Export_1.jpg

  2. In the export window, select the JPG format.

  3. Click the small menu icon and select Optimize File Size.
    Export_2.jpg

  4. Set your Desired File Size to 300 KB or less.

  5. If the image quality in the preview window is not satisfactory, increase the Quality number until you are happy with how the image looks.

  6. Click Save to save your file.


Pixel Dimensions and Ratio

For best results, we recommend the following image specifications:

  • Image Ratio: A ratio of 3:2.

  • Image Size:

    • For horizontal/landscape images, use 2560×1700 pixels.

    • For vertical/portrait images, use 1700×2560 pixels.

  • Resolution: Export your images at 72 dpi.
    unnamed-1.png


    • Related Articles

    • 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. 2. Open your copy in Preview and, from the Tools menu adjust size. 3. Assuming your ...

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

    • Image Limitations on the Platform

      While there are not technically maximum limits on the number of images you can store in the Image Library or display in Galleries, performance will begin to decrease after certain numbers are reached. This has to do largely with the file sizes of ...

    • Image Tool Tabs

      Our Image Collection allows you to edit image information with great detail. Each image has a Details, SEO, and Tags tab that allows you to modify the information for surface-level information, as well as SEO-level information. Here are a bit more ...

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