Skip to content

Format catalogue

These are the formats defined by the shipped config.json merged over the built-in defaults — 45 in total. Add, remove or resize any of them by editing config.json.

Dimensions are the target canvas. The source image is fitted into it; it is never upscaled beyond its own resolution, so check the previews when you request something larger than your source.

By category

Social Media

Format keySizeRatioDescription
social1080×10801:1Social media square
twitter1500×5003:1Twitter header
instagram1080×13504:5Instagram post
linkedin1200×627400:209LinkedIn post
facebook1200×63040:21Facebook post
social_icon_small32×321:1Social media icon (small)
social_icon_large48×481:1Social media icon (large)

Website

Format keySizeRatioDescription
website1200×63040:21Standard website banner
hero_mobile360×2009:5Hero image (mobile)
hero_desktop1280×72016:9Hero image (desktop)
website_banner_mobile360×1203:1Website banner (mobile)
website_banner_desktop1200×4003:1Website banner (desktop)
background_mobile360×6409:16Background image (mobile)
background_desktop2560×140064:35Background image (desktop)
lightbox_mobile360×6409:16Lightbox image (mobile)
lightbox_desktop1600×50016:5Lightbox image (desktop)
blog_post_mobile360×2403:2Blog post image (mobile)
blog_post_desktop1200×8003:2Blog post image (desktop)

Mobile

Format keySizeRatioDescription
mobile1080×19209:16Mobile screen
thumbnail_small90×901:1Thumbnail image (small)
thumbnail_large300×3001:1Thumbnail image (large)

Branding

Format keySizeRatioDescription
logo_transparent512×5121:1Transparent Logo (PNG only)
square_10241024×10241:1Square (1024x1024) - App icon, profile, general purpose
favicon16×161:1Favicon
square_small256×2561:1Small Square Icon
square_large2048×20481:1Large Square Format

E-commerce

Format keySizeRatioDescription
product_square800×8001:1Product Image Square
product_wide1200×8003:2Product Image Wide
square_10241024×10241:1Square (1024x1024) - App icon, profile, general purpose

Print

Format keySizeRatioDescription
print_a42480×3508620:877A4 Print Ready (300 DPI)
print_letter2550×330017:22Letter Print Ready (300 DPI)
poster1080×13504:5Poster Format
business_card1050×6007:4Business Card

Web Application

Format keySizeRatioDescription
webapp512×5121:1Web app icon
favicon16×161:1Favicon
square_logo_small60×601:1Square logo (small)
square_logo_large100×1001:1Square logo (large)
rectangle_logo_small160×404:1Rectangle logo (small)
rectangle_logo_large400×1004:1Rectangle logo (large)

General Purpose

Format keySizeRatioDescription
square_10241024×10241:1Square (1024x1024) - App icon, profile, general purpose

Business Documents

Format keySizeRatioDescription
email_header600×2003:1Email header image
document_header1200×2006:1Document header image
presentation_slide1920×108016:9Presentation slide (16:9)

Publishing

Format keySizeRatioDescription
ebook_cover1600×25605:8Ebook cover (portrait)

Uncategorised

Defined in the catalogue but not listed under any category — still selectable via search.

Format keySizeRatioDescription
instagram_story1080×19209:16Instagram Story
youtube_thumbnail1280×72016:9YouTube Thumbnail
profile_picture400×4001:1Profile Picture
cover_photo1920×108016:9Cover Photo

Full alphabetical index

Format keySizeRatio
background_desktop2560×140064:35
background_mobile360×6409:16
blog_post_desktop1200×8003:2
blog_post_mobile360×2403:2
business_card1050×6007:4
cover_photo1920×108016:9
document_header1200×2006:1
ebook_cover1600×25605:8
email_header600×2003:1
facebook1200×63040:21
favicon16×161:1
hero_desktop1280×72016:9
hero_mobile360×2009:5
instagram1080×13504:5
instagram_story1080×19209:16
lightbox_desktop1600×50016:5
lightbox_mobile360×6409:16
linkedin1200×627400:209
logo_transparent512×5121:1
mobile1080×19209:16
poster1080×13504:5
presentation_slide1920×108016:9
print_a42480×3508620:877
print_letter2550×330017:22
product_square800×8001:1
product_wide1200×8003:2
profile_picture400×4001:1
rectangle_logo_large400×1004:1
rectangle_logo_small160×404:1
social1080×10801:1
social_icon_large48×481:1
social_icon_small32×321:1
square_10241024×10241:1
square_large2048×20481:1
square_logo_large100×1001:1
square_logo_small60×601:1
square_small256×2561:1
thumbnail_large300×3001:1
thumbnail_small90×901:1
twitter1500×5003:1
webapp512×5121:1
website1200×63040:21
website_banner_desktop1200×4003:1
website_banner_mobile360×1203:1
youtube_thumbnail1280×72016:9

Output types

Each selected format is rendered into each selected output type.

TypeAlphaNotes
pngyeslossless, the safe default
jpgnohonours the quality slider; flattens transparency
webpyeshonours the quality slider; smallest at equal quality
icoyesonly produced for the favicon format; packs 16×16, 32×32 and 48×48 into one file

Naming

<source-basename>_<format-key>.<ext>
<source-basename>_favicon.ico

With variations mode on, the variation label is inserted between the basename and the format key — acme_Grayscale_social.png.

The pixel dimensions are not part of the filename; the format key is what identifies the size.

Notes on specific formats

  • favicon is 16×16 in the shipped config.json, but the generated .ico always contains 16, 32 and 48 pixel entries regardless.
  • print_a4 (2480×3508) and print_letter (2550×3300) are sized for 300 DPI. They are the two largest canvases in the catalogue and the most expensive to render.
  • logo_transparent only makes sense with PNG or WebP output, and with a source that has an alpha channel — or with background removal enabled.
  • twitter appears at 1500×500 (the header banner). The 1200×675 card size lives in the built-in defaults and is overridden by config.json; if you want the card, add it back under a different key.