4elements web design & consultancy



  • like 4 27

    Protect your images

    4elements | web design The Hague blog • Protect your images

    There are several ways to low-level protect your images.
    But all who know a bit of html can always look in your source code.

    - one way is using javascript to disable the right mouse function.
    - an other way is to place all your images in a css background-image.

    What I did was combining imgsizer with css background-image, but this case with a layer on top as watermark.

    {exp:imgsizer:size src="{original}" height="xx" quality="85"}

    <img src="watermark.png" "width="xx" height="xx" title="{title}" alt="{title}" style="background-image:url({sized}); width:{width}px; height:{height}px;"/>


    martijn broeders

    founder/ strategic creative at 4elements web design & consultancy
    e-mail: .(JavaScript must be enabled to view this email address)
    phone: 06 38 55 28 54
  • 1
    nepal trek
    February 09, 2011 at

    thank you very much for giving a idea how to protect image. it make me easy towork

By - category

    By - date