Image Size Recommendations

Image Size Recommendations

To ensure that your website is running to its best capability, while also showcasing your best photographs, we recommend sizing your images to these resolutions/dimensions before you upload them to your image collection.

  • For file size, a good rule of thumb is to keep your image file size under 300KB.
  • For large, full screen images like headers, stick between 1600px and 200px in width.
  • Smaller images like thumbnails don't need to be any larger than 900px in width.

Resizing your photos can easily be done within your computer's default image viewing program. For Apple/Mac computers, this will be the "Preview" feature.

 

Resize Images Before Uploading

1. Open the image in Preview.

2. In the top right corner of the screen, select Tools, and then Adjust size.

Screen_Shot_2019-04-16_at_11.49.43_AM.png

3. Enter in the specific dimensions you'd like to save the image to, and then select OK.

4. Save your image, and then upload to the image collections library!

 

Image File Type

Always use JPG files for images. PNG files can be very large and don't necessarily make your image look better. It's always best to only use PNG files for graphics like logos, icons, or type.

    • Related Articles

    • 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 image collection. Advanced settings are also available for those users who want to configure each image format. 1. Click ...
    • Image Collection Features

      Our Image Collection comes with many different features to help you get the best image quality and website loading time possible. To access your Image collection, simply click on the Content tool in the gray navigation bar, and then the Collections ...
    • 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 ...
    • Access & Manage Your Image Collection

      Each time you upload an image to your SpaceCraft site, it will be saved in your Image Collection. Even if you delete an image from a page on your site, the image will still be saved in your Image Collection. The Image Collection is the best place to ...
    • Add a Logo or Image to 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. Add a new image Making further ...