Blog

Have Fun With the New Builder Masked Image Addon!

Masked Image Builder addon image

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%.

img showing the image size reduction

  • 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.

Demo Buy Masked Image

6 Comments

  1. marcello schlepp
    May 04, 2018 @ 13:19

    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…

    Reply

    • Nick @ Themify
      May 04, 2018 @ 21:44

      Thanks. Hope you like the new Masked Image addon. More addons will be coming soon.

      Reply

  2. Erik Klok
    May 04, 2018 @ 13:19

    Demo?

    How is compatibility or non-compatibility handled?
    Or is it based on JS?

    Reply

  3. Artem Pashchuk
    May 05, 2018 @ 02:11

    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.

    Reply

  4. Smith
    May 08, 2018 @ 05:33

    Hello Nick,

    Indeed great image addon for the new builder. After long time got best addon. Thank you very much.

    Reply

Reply

It's Finally Here - Builder V4 Release! Try it now with 30% off the Master Club with code: BUILDERV4