Resize images for the web

1

Identify when you need to insert your image

Start by defining your use case. Is it the main image of an article or an event, or rather its preview image?

Choosing an image when creating an article in the Webflow Coteries account

The “main” image, displayed within the body of your content, must be bigger than the “featured” image, displayed as a preview on your blog page for example.


2

Visualize the ideal size for your image

Access the resource created by Coteries to understand what ideal image size you need to insert.

The template our team created to help our clients understand the image sizes for web articles

This resource tells you the ideal size and ratio of an image depending on where you need to embed it!


3

Resize your image

With the right image in hand and knowing the ideal size for your image, you can now resize it to the proper size.

You can use online tools, like Snaperies, a tool created by our team to both resize an image to the right size and export it directly to.webp.

Snaperies, our free tool to resize images and export it for the web

The .webp format, created by Google, allows you to compress the size of an image without losing too much quality. A reduced weight ensures that your pages load faster, an excellent point for SEO!


4

Integrate your image

All you have to do is import it with drag and drop, and that's it.

And if you have any questions, Contact us!


5

6

7

8

9

10

Let's work together!

Tell us about your project or need, without commitment ! Of course, we guarantee the highest confidentiality.
Team member
Sébastien
Co-founder
Thank you! Your submission has been received!
Oops! There was a problem with this form and we will correct it as soon as possible.

In the meantime, please send us your request by email to info@coteries.com.

See you soon!
By clicking Send, you agree to our terms of use and our privacy policy.