Introduction

Sizes

Lorem ipsum dolor sit amet, posse eripuit lucilius et sit
Create big, medium and small images to cover all devices

Formats

JPG, JPEG (Lossy)

Bitmap - recommended for photographs, very detailed images with gradients

Lorem ipsum dolor sit amet, posse eripuit lucilius et sit
Lorem ipsum dolor sit amet, posse eripuit lucilius et sit
Lorem ipsum dolor sit amet, posse eripuit lucilius et sit
Lorem ipsum dolor sit amet, posse eripuit lucilius et sit
PNG (Lossless)

Bitmap - recommended for illustrations with flat tint, vectoriel exportation and transparent backgrounds

Lorem ipsum dolor sit amet, posse eripuit lucilius et sit
Illustrations should be saved as PNG
Illustrations should be saved as PNG
Lorem ipsum dolor sit amet, posse eripuit lucilius et sit
SVG (Lossless)

Vector - recommended for logotypes and iconography made with vector graphics software.

Logos should be saved as .SVG
Logos should be saved as .SVG
Icons should be saved as .SVG
Icons should be saved as .SVG
GIF (Lossy)

Animated bitmap - recommended for basic animated pictures

Lorem ipsum dolor sit amet, posse eripuit lucilius et sit
Lorem ipsum dolor sit amet, posse eripuit lucilius et sit
Lorem ipsum dolor sit amet, posse eripuit lucilius et sit
Lorem ipsum dolor sit amet, posse eripuit lucilius et sit

Optimization

EpiServer existing built-in tool
EpiServer existing built-in tool
Lorem ipsum dolor sit amet, posse eripuit lucilius et sit
EpiServer existing built-in tool

Metadata

Example of Alt text

Okay alt text: <img src="bird.png" alt="Rooster">
Better alt text: <img src="bird.png" alt="Rooster crowing">
Best alt text
: <img src="bird.png" alt="Red-crested rooster crowing">
(source: https://moz.com/learn/seo/alt-text)

Lorem ipsum dolor sit amet, posse eripuit lucilius et sit
Lorem ipsum dolor sit amet, posse eripuit lucilius et sit

Taxonomy