Are you bored with creating images and displaying text within a traditional box shape? With the new Builder Masked Image addon, you may display images in any shape you prefer and have the text wrap around that shape. Or you may select a shape to mask an image of your choice, so that it reveals only parts of the image within the selected shape.
The addon comes fully loaded with preset shapes and icons that you can select as the image mask. You can even create your own shape in SVG or PNG format. Masked Image is a fun addon to jazz up your design and offer your viewers something new. No need for CSS with the new Masked Image addon. Choose from our preset shapes or upload your own!
How Masked Image Can Reduce Transparent Image Sizes
Beside of using Masked Image for irregular shaped images, you can also use it to reduce transparent image file size. The follow sample usage demonstrates how Masked Image can reduce image size over 400%.
- If the motocyclist image is saved as PNG format, it is about 290kb (due to the transparency)
- But if it is saved it as JPG format, it is 50kb
- And the PNG mask is about 28kb
- So to achieve the same transparent image with Masked Image, the total file size is about 78kb. That is about 4 times smaller compared to a PNG image with transparency.
marcello schlepp
May 4, 2018 @ 1:19 pm
Dear Themify Team,
Wow! That’s why I started a Lifetime Master membership a few years ago: You guys still continue enhancing themes, builder + framework to fit modern and prospective webdesign! I appreciate so much.
Keep going…
Nick @ Themify
May 4, 2018 @ 9:44 pm
Thanks. Hope you like the new Masked Image addon. More addons will be coming soon.
Erik Klok
May 4, 2018 @ 1:19 pm
Demo?
How is compatibility or non-compatibility handled?
Or is it based on JS?
Nick @ Themify
May 4, 2018 @ 9:43 pm
Hi Erik,
You can view the demo here: https://themify.org/addon-masked-image/. It is CSS and JS based. Most browsers support CSS and Javascript, so it is not a concern.
Artem Pashchuk
May 5, 2018 @ 2:11 am
Cool and useful, but why are we limited to plain text for image caption? At least, html tags are allowed, but I would prefer normal rich text editor.
Smith
May 8, 2018 @ 5:33 am
Hello Nick,
Indeed great image addon for the new builder. After long time got best addon. Thank you very much.