Hi there,
what is the best option to fully incorporate an image into a 1/1 layout element so that the best image quality is always loaded / displayed with the smallest possible file size?
I used a text element for this and inserted an img tag in the code view. Could it be done better? But I didn’t find anything with the image elements.
Thank you in advance.
Regards
Knutnik
Hey Knutnik,
Thank you for the inquiry.
What do you mean by “option”? If you are referring to the size of the images, it may depend on the value that was set in the Enfold > General Layout > Dimensions > Maximum Container width field. The width of the 1/1 column will not exceed this value, so any image that has the same exact size as the maximum container width or larger should be fine.
The theme also adds an srcset attribute to images and displays the appropriate thumbnail based on the current screen size, but you may need to use an actual image element from the builder instead of manually adding the image in a text block. You have the option to select the full size or the original version of the image before inserting it.
Best regards,
Ismael
Hi Ismael,
yes now I’ve got it.
My fault was: I didn’t choose “Keine spezielle Ausrichtung” on “Bild-Gestaltung”.
So the Image didn’t fill up the whole content area.
Now i saw the difference – src-set is loaded with the image element.
Thank you very much!
Best regards,
Knutnik
Hi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
You can close this – thank you.
Hi Knutnik,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko