The dos and don'ts of image resolution - Webflow tutorial

preview_player
Показать описание
Image resolution simply refers to the level of detail captured in an image. Sounds fairly simple, but in practice, managing image resolution can get pretty confusing. That's why, in this video, we'll define image resolution, sizing images for your websites, and some best practices for working with both inline and background images — including how to properly balance image resolution with filesize.
----------

Get started with Webflow:

  1. Webflow
  2. web design
  3. webflow
  4. responsive web design
  5. graphic design
  6. web development
Рекомендации по теме
The Dos and 0:03:25

The Dos and Don'ts of Disability

Dos and Don’ts 0:00:44

Dos and Don’ts of Contact Lenses - ACUVUE® LensAssist

INTERIOR DESIGN RULES 0:12:52

INTERIOR DESIGN RULES YOU SHOULD NOT FOLLOW | DO'S + DON'TS

General dos and 0:06:41

General dos and don'ts of pregnancy

What are the 0:25:18

What are the 10 BPD Dos and Don'ts you need to know!

Expecting TODAY: Do’s 0:04:15

Expecting TODAY: Do’s And Don’ts For Pregnant Women | TODAY

The Do’s and 0:01:30

The Do’s and Don'ts of Coughing, Sneezing, and Spitting

The Do's and 0:02:25

The Do's and Don'ts of Red Light Therapy You Need to Know

Baseball Do's and 0:00:57

Baseball Do's and Don'ts ( The Truth about Baseball ) #reels

Alcohol On Keto: 0:15:36

Alcohol On Keto: The Dos And Don'ts Explained

The DOs and 0:08:37

The DOs and DON'Ts of Lab Safety (Funny)

Dos and Don’ts 0:02:59

Dos and Don’ts during Pregnancy Time | Food, Exercise, Travel

The do's and 0:01:12

The do's and don'ts of exercise with low back pain

The Dos and 0:06:24

The Dos and Don'ts of Workplace Conflict | #culturedrop | Galen Emanuele

Visit Germany - 0:08:42

Visit Germany - The DON'Ts of Visiting Germany

Do's and don'ts 0:04:36

Do's and don'ts in early pregnancy - Dr. Usha B. R

The Do's and 0:08:15

The Do's and Don'ts When Interacting with a Child with Selective Mutism. Video by Lucy Nat...

The Dos And 0:13:17

The Dos And Don'ts For Ridiculously Sensitive People

Paris: The Don'ts 0:13:22

Paris: The Don'ts of Paris

Introductions - Do's 0:05:15

Introductions - Do's & Don'ts

Dos & Don’ts 0:00:16

Dos & Don’ts of Longer Skirts

17 JOB INTERVIEW 0:13:46

17 JOB INTERVIEW DOs AND DON’Ts!

The Do’s And 0:03:21

The Do’s And Don’ts Of Gloves And Masks | NBC News NOW

The Dos and 0:04:11

The Dos and Don'ts of Informational Interviews

Комментарии
Автор

Please support automatic image variants (resizing/compression) for background images.

sebobastiseppobas
Автор

why can't background images be done the same way as inline where it serves the right size to the right screen? Just curious. Cause that seems like the most important use case of that kind of feature.

cweb
Автор

I use webflow, but the I have to optimize images by myself. WebFlow doesn't actually effect much of the image size. I have used Wix in the past and their image resolutions and size are perfect according to size, as they use webp format. Like a 6 MB image is just 120 Kb on mobile, sad thing is that I can't say that for webflow.

theseideasare
Автор

Five years after this video was made, I'm wondering if it's still true that I can upload my original-sized images and Webflow will automatically resize them to suit whichever screen size folks are viewing my website from? Because when I do that, I always get a yellow triangle advising me my image is too large. Hmmm...

ElBeeEss
Автор

hahaha "or from graphic graphic designer who's assets won't even fit on dropbox"

mybuddychad
Автор

How does this apply to images coming from CMS items? My client has uploaded massive images and the site is clunky as hell

maxwellflood
Автор

so can my inline images never be too big bc webflow will scale it down? or does it use the original image as a "starting" point?

yciybnq
Автор

What kind of web developer would actually find this useful, like 90% of video is just void of anything useful and basically just tells you to use Webflow, very misleading

albertkoppelmaa