Webflow’s image element lets you add imagery to your Webflow sites. You can move it anywhere you want, independent of other elements. The image element is distinct from the background image property of CSS.
In this video, we cover:
1. Adding image elements through the Elements Panel or the Asset Manager
2. Editing image settings like width and HiDPI
3. Replacing an image by double clicking on the image and clicking Replace Image
4. Styling images and creating classes that can be lied to other image elements
5. Adding helpful alt attributes for accessibility and search
Steps in the video:
00:00 – Introduction
00:24 – Adding images
01:38 – Replacing images
01:58 – Styling images
02:58 – Alt attributes
———-
Get started with Webflow:
https://help.webflow.com/courses/getting-started
http://webflow.com
http://twitter.com/webflow
http://facebook.com/webflow
source
How to delete an image please ?
Hi could you help me with something? I want to change image size but only for the smaller scree sizes. Right now, any changes I make also affect the base breakpoint.
One of the few missing features of webflow is the ability to scale and/or crop images. Choosing an aspect ratio or specific size for an image that might be different than the original upload.
Being able to set a focal point and dynamically scale /crop an image (without having to use overflow hidden and object fills) would make it SO much easier to repurpose, say, collection images on other parts of the website (like collection lists).
I know of other CMS's that can do this. I hope webflow is looking into this functionality.
I completely lost at 1:10 I had to say that. I will never forget that joke in my life !
can you move an image partially off the screen to the left or right
what are classes and how do I apply them to my images?
Hello, How can I add an image inside a circle? thanks
Is it possible to add alt attributes for background images?
how do you make the image in center?
Why does webflow automatically assigns same alt tag to all pictures?
how do you move the image?
Great work guys, I wasn't sure what'd I'd do after Adobe announced the end of support on Muse. I've been steady working on an amazing website for my community using your platform & it is going great so far. The only thing I can't figure out is how to add an external link to images. I.E sponsor logos that, when clicked, will open a separate tab to the link of my choosing. Any help would be greatly appreciated! Thanks!
Thank you for this useful Tutorial but I have a question. ¿How can I add a link to the image?
Love the jokes….