---
title: Understanding the optimal size for the main article image. What are the other image sizes?
description: Available on the Locable Publishing Platform All images should be .jpg or .png in RGB format (no CMYK), be less than 5MB, and contain no special characters (+, /, !, etc.). When you upload an image, w
---

[Skip to content](https://help.locable.com/understanding-the-optimal-size-for-the-main-article-image.-what-are-the-other-image-sizes#main-content)

English

Show submenu for translations

[Send Us a Message](https://help.locable.com/kb-tickets/new?hsLang=en)

![Locable Logo 3a3a3a Gray.png\]](https://help.locable.com/hs-fs/hubfs/Locable%20Logo%203a3a3a%20Gray.png?height=50&name=Locable%20Logo%203a3a3a%20Gray.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Send Us a Message](https://help.locable.com/kb-tickets/new)
- [www.locable.com](https://www.locable.com/)

[www.locable.com](https://www.locable.com/)

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Help Center](https://help.locable.com/?hsLang=en)
2. [The Locable Publisher Platform](https://help.locable.com/the-locable-publisher-platform?hsLang=en)
3. [Articles, Pages, and Photo Galleries](https://help.locable.com/the-locable-publisher-platform?hsLang=en#articles-pages-and-photo-galleries)

# Understanding the optimal size for the main article image. What are the other image sizes?

Available on the Locable Publishing Platform

All images should be .jpg or .png in RGB format (no CMYK), be less than 5MB, and contain no special characters (+, /, !, etc.).

When you upload an image, we automatically process each image to optimize it for the web as well as generate smaller versions for various placements on your site. All resizing for these placements will happen automatically and will be cropped around the center of the image so the image should be centered around your desired focal point and text should be limited, especially around the edges. We try to maintain the aspect ratio of either 4:3 (or 16:9  for headers and hero images) wherever possible.

**Article Main Image**

For the main image on articles, we recommend uploading landscape-oriented images at least 2000px wide. In addition to the article page, the main image will be used in the following locations:

- In the carousel/slider image on the home page (see [Managing the Homepage](https://secure.helpscout.net/entries/24086603-Managing-the-Homepage-Promoting-Pinning) for more information on how to add your article to the Carousel)
- As the preview image wherever an article snippet is shown (homepage, archive pages, listing articles, etc.)

After uploading a main image to the website, you will have the option of cropping the image (the crop button will appear after the image is selected). Again, it is best to use an image that has a landscape orientation as a portrait image will be difficult to crop appropriately. 

For portrait images, you have two options:

1. Choose the Fit Image option which will add padding around the image so that nothing gets cropped off
2. Upload a custom image that adds padding or other designs to the portrait image turning it into a landscape-oriented image before uploading

![](https://help.locable.com/hubfs/Knowledge%20Base%20Import/d33v4339jhl8k0.cloudfront.netdocsassets553fd010e4b0eb143c62bb50images5e7cd63c2c7d3a7e9ae9d852file-Z1xp8Fyp6S.png) ![](https://help.locable.com/hubfs/Knowledge%20Base%20Import/d33v4339jhl8k0.cloudfront.netdocsassets553fd010e4b0eb143c62bb50images5e7cd5bd2c7d3a7e9ae9d846file-ysqkcdx87z.png)

You should always include a Main Image on Articles as this will be used as the Facebook share image.

**Inline Article Images**

In addition to the main image, you can also insert images into the body of the article. You have 3 sizing options for inline images:

**Default:** Will scale the image to take up about one-third of the viewport. It can then be floated to the left or right of the text or centered if desired. An image of at least 400px wide is recommended.

**Full-width**: Will scale the image to take up the full width of the viewport. An image of at least 650px wide is recommended.

**Original**: Will use the actual dimensions of the image. If you choose to use this setting ensure it's been cropped to the exact pixel dimensions you're seeking prior to uploading the image to your site. If the image is larger than the viewport then it may overflow the page/sidebar.

**Other Image Sizes** *- Actual sizes will vary based on viewport*

Site Logo - Recommend 350px wide x 100px tall but will show logo with actual dimensions so ensure it's been cropped to the exact pixel dimensions you're seeking prior to uploading

Featured Event Snippet - Scaled to 600x400px (full image will be shown on event page)

Cover image ([ITI settings](https://help.locable.com/how-to-optimize-print-to-web-how-to-setup-your-in-this-issue-article-iti-embed-your-digital-edition?hsLang=en)): 300x390px

Non-Featured Event Snippet - Scaled to 300x200px (full image will be shown on event page)

Gallery Image - Scaled to fit (i.e. will not crop) 1000x600px

Business Listing Logo - Scaled to fit (i.e. will not crop) 175px x175px

Business Listing Hero - Scaled to 1110x300px

Offers - Scaled to fit (i.e. will not crop) 400x225px

Calendar/Directory/Guide Hero's - Scaled to 1110x500px

Giveaway - The max size is 1110px wide with a variable height. It will scale down on smaller devices.

For Banner Ad sizes and placements, [click here](https://help.locable.com/understanding-the-banner-ad-sizes-for-my-site?hsLang=en).

- [The Locable Marketing Platform](https://help.locable.com/the-locable-marketing-platform?hsLang=en#main-content)

    - [Getting Started with Your Locable Account](https://help.locable.com/the-locable-marketing-platform?hsLang=en#getting-started-with-your-locable-account)
    - [Your Locable Business Profile](https://help.locable.com/the-locable-marketing-platform?hsLang=en#your-locable-business-profile)
    - [Events & Calendars](https://help.locable.com/the-locable-marketing-platform?hsLang=en#events-calendars)
    - [Blogging](https://help.locable.com/the-locable-marketing-platform?hsLang=en#blogging)
    - [Express Email Newsletters](https://help.locable.com/the-locable-marketing-platform?hsLang=en#express-email-newsletters)
    - [Managing Your Website](https://help.locable.com/the-locable-marketing-platform?hsLang=en#managing-your-website)
    - [CRM](https://help.locable.com/the-locable-marketing-platform?hsLang=en#crm)
    - [Local Business Directories](https://help.locable.com/the-locable-marketing-platform?hsLang=en#local-business-directories)
    - [Member Management](https://help.locable.com/the-locable-marketing-platform?hsLang=en#member-management)
    - [Sponsors](https://help.locable.com/the-locable-marketing-platform?hsLang=en#sponsors)
    - [Tours](https://help.locable.com/the-locable-marketing-platform?hsLang=en#tours)
    - [Jobs & Volunteer Opportunities](https://help.locable.com/the-locable-marketing-platform?hsLang=en#jobs-volunteer-opportunities)
    - [Offers](https://help.locable.com/the-locable-marketing-platform?hsLang=en#offers)
    - [Forms](https://help.locable.com/the-locable-marketing-platform?hsLang=en#forms)
    - [Customer Feedback & Reviews](https://help.locable.com/the-locable-marketing-platform?hsLang=en#customer-feedback-reviews)
    - [Online Storefront - Products, Menus, and Mercantile](https://help.locable.com/the-locable-marketing-platform?hsLang=en#online-storefront-products-menus-and-mercantile)
    - [Calls-to-Action (CTAs)](https://help.locable.com/the-locable-marketing-platform?hsLang=en#calls-to-action-ctas)
    - [Integrations](https://help.locable.com/the-locable-marketing-platform?hsLang=en#integrations)
    - [Media Library - Images, Galleries, and PDFs](https://help.locable.com/the-locable-marketing-platform?hsLang=en#media-library-images-galleries-and-pdfs)
    - [Account Management](https://help.locable.com/the-locable-marketing-platform?hsLang=en#account-management)
    - [Working with the Locable Team](https://help.locable.com/the-locable-marketing-platform?hsLang=en#working-with-the-locable-team)
- [The Locable Publisher Platform](https://help.locable.com/the-locable-publisher-platform?hsLang=en#main-content)

    - [Getting Started](https://help.locable.com/the-locable-publisher-platform?hsLang=en#getting-started)
    - [Managing The Home Page](https://help.locable.com/the-locable-publisher-platform?hsLang=en#managing-the-home-page)
    - [Articles, Pages, and Photo Galleries](https://help.locable.com/the-locable-publisher-platform?hsLang=en#articles-pages-and-photo-galleries)
    - [Events and Calendars](https://help.locable.com/the-locable-publisher-platform?hsLang=en#events-and-calendars)
    - [Directory Listings & Guides](https://help.locable.com/the-locable-publisher-platform?hsLang=en#directory-listings-guides)
    - [Banner Ads](https://help.locable.com/the-locable-publisher-platform?hsLang=en#banner-ads)
    - [Community Sponsors](https://help.locable.com/the-locable-publisher-platform?hsLang=en#community-sponsors)
    - [Giveaways, Polls, and Readers Choice Contests](https://help.locable.com/the-locable-publisher-platform?hsLang=en#giveaways-polls-and-readers-choice-contests)
    - [Payments](https://help.locable.com/the-locable-publisher-platform?hsLang=en#payments)
    - [General Site Settings](https://help.locable.com/the-locable-publisher-platform?hsLang=en#general-site-settings)
    - [Sidebars, Modals, and Embeds](https://help.locable.com/the-locable-publisher-platform?hsLang=en#sidebars-modals-and-embeds)
    - [Categories, Tags & Topics](https://help.locable.com/the-locable-publisher-platform?hsLang=en#categories-tags-topics)
    - [Menus & Navigation](https://help.locable.com/the-locable-publisher-platform?hsLang=en#menus-navigation)
    - [Media Library](https://help.locable.com/the-locable-publisher-platform?hsLang=en#media-library)
    - [Managing Users & Logins](https://help.locable.com/the-locable-publisher-platform?hsLang=en#managing-users-logins)
    - [Networks, Sections, Publications, and Neighborhoods](https://help.locable.com/the-locable-publisher-platform?hsLang=en#networks-sections-publications-and-neighborhoods)
    - [Misc](https://help.locable.com/the-locable-publisher-platform?hsLang=en#misc)
- [Miscellaneous](https://help.locable.com/miscellaneous?hsLang=en)

[![Chill listening crop-3](https://help.locable.com/hs-fs/hubfs/locable-logo.png?width=99&height=24&name=locable-logo.png "Chill listening crop-3")](https://help.locable.com?hsLang=en)

<https://www.facebook.com/locable> <https://www.twitter.com/getlocable> <https://www.youtube.com/user/getlocable> <https://www.linkedin.com/company/hyper-local-media>

Copyright © 2026, Locable