Prevent Image Copying - Slice And Dice
   
Home: Graphic Academy
 
Graphics Books
 
Graphics File Formats
  Animation File Formats
Bitmap File Formats
CAD File Formats
Cursor File Formats
Font File Formats
Icon File Formats
Metafile File Formats
Prepress File Formats
Vector File Formats
Video File Formats
Web File Formats
More Graphics File Formats
 
Graphics Software
  Banner Design Software
CAD Software
Diagram Drawing Software
Illustration Software
Photo Editing Software
Video Conversion Software
More Graphics Software
 
Graphics Tutorials
 
  • Adobe Dreamweaver Tutorials
  • Adobe Photoshop Tutorials
  • AutoCAD Tutorials
  • How To Draw Tutorials
    Banner Design Tutorial
    Banner Display Tutorial
    Color Combinations Tutorial
    Color-Safe Conversion Tutorial
    eBook Covers Tutorial
    Favicon Tutorial
    GIF + Photo Tutorial
    Good Web Design
    Image Slice Tutorial
    Image Tiling Tutorial
    Imagemap Tutorial
    Photography Tutorial
    Prevent Copying Tutorial
    Screenshots Tutorial
    Should I Use Flash?
    Text to Images Tutorial
    Web Image File Formats
    More Graphics Tutorials
  •  
    Graphics Glossary

         
    GraphicsAcademy.com  >  Tutorials  >  Prevent Image Copying  >  Chapter 2

       

     

    How To Prevent Image Copying

    Chapter 2: Slice And Dice

    Another idea for preventing copying is to slice images up into segments, and then use HTML to put the segments together to present one overall image.

    (There is a tutorial on how to slice images up this way on this site: How To Slice An Image Into Smaller Images).

    This approach doesn't prevent copying, but it does mean that if a user right clicks and saves one image (or whatever other method they use), they only get one small segment. To get the whole image a user would need to copy all the segments and the code to reassemble them in their web page.

    Below is an example of an image that has been sliced into segments using this method. I've separated the segments out (and added borders to each) so that you can see exactly what is going on. In my example, I've chopped the image up into 9 segments, but you could use whatever number of segments suits you.

    Please do NOT copy this image it is copyrighted - if you want this and many other images, go buy a copy of Hemera's Photo-Objects 50,000 Premium Image Collection .


    Below is what the image looks like when reassembled using HTML. As you can see, it looks as if it's all one big image.


    Here is the HTML code that I used:
    (If you're not familiar with HTML or just want to learn more, then get yourself a good HTML Tutorial).

    <TABLE WIDTH="195" COLS="3" CELLPADDING="0" CELLSPACING="0" BORDER="0" RULES="NONE">
    <TR>
    <TD WIDTH="70"><IMG SRC="hemcir00.gif" WIDTH="70" HEIGHT="70" BORDER="0"></TD>
    <TD WIDTH="55"><IMG SRC="hemcir10.gif" WIDTH="55" HEIGHT="70" BORDER="0"></TD>
    <TD WIDTH="70"><IMG SRC="hemcir20.gif" WIDTH="70" HEIGHT="70" BORDER="0"></TD>
    </TR>
    <TR>
    <TD WIDTH="70"><IMG SRC="hemcir01.gif" WIDTH="70" HEIGHT="50" BORDER="0"></TD>
    <TD WIDTH="55"><IMG SRC="hemcir11.gif" WIDTH="55" HEIGHT="50" BORDER="0"></TD>
    <TD WIDTH="70"><IMG SRC="hemcir21.gif" WIDTH="70" HEIGHT="50" BORDER="0"></TD>
    </TR>
    <TR>
    <TD WIDTH="70"><IMG SRC="hemcir02.gif" WIDTH="70" HEIGHT="70" BORDER="0"></TD>
    <TD WIDTH="55"><IMG SRC="hemcir12.gif" WIDTH="55" HEIGHT="70" BORDER="0"></TD>
    <TD WIDTH="70"><IMG SRC="hemcir22.gif" WIDTH="70" HEIGHT="70" BORDER="0"></TD>
    </TR>
    </TABLE>


    While this idea works, it's not something that I would recommend doing for a large collection of images - it's just too much work!

    There are also a couple of additional issues that you need to be aware of:
    • I recommend caution if you are considering using this technique for JPEG images. The issue is that JPEG, because of the lossy compression algorithm used, may include edge effects which could cause the boundaries between the segments to show up as faint lines or other artifacts.

    • Sliced up images usually take more storage and bandwidth than the original image. This is because each separate segment file duplicates header and palette information, and because compression is usually not as effective on small files as large. In the example shown on this page, the original image was 28,541 bytes in size, but when divided up into nine segments, the segments totalled 35,362 bytes in size.

      
    How To Prevent Image Copying:
     
     
      << PreviousIntroduction   1   2   3   4   5Next >>  
       


       
     
       
     
       
    Disclosure: Advertising Link(s): Our company may receive a payment if you purchase a product/service after following this link.

    Disclosure: Our company's websites' content (including this website's content) includes advertisements for our own company's websites, products, and services, and for other organization's websites, products, and services. In the case of links to other organization's websites, our company may receive a payment, (1) if you purchase products or services, or (2) if you sign-up for third party offers, after following links from this website. Unless specifically otherwise stated, information about other organization's products and services, is based on information provided by that organization, the product/service vendor, and/or publicly available information - and should not be taken to mean that we have used the product/service in question. Additionally, our company's websites contain some adverts which we are paid to display, but whose content is not selected by us, such as Google AdSense ads. For more detailed information, please see Advertising/Endorsements Disclosures

    Our sites use cookies, some of which may already be set on your computer. Use of our site constitutes consent for this. For details, please see Privacy.

    Click privacy for information about our company's privacy, data collection and data retention policies, and your rights.

    Contact Us     Privacy     Terms Of Use     Advertising/Endorsements Disclosures

    Copyright © 2005-2020, Answers 2000 Limited

    In Association With Amazon.com
    Answers 2000 Limited is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com.
    In Association With Amazon.co.uk
    Answers 2000 Limited is a participant in the Amazon EU Associates Programme, an affiliate advertising programme designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.co.uk.
    As an Amazon Associate, our company earns from qualifying purchases. Amazon, the Amazon logo, Endless, and the Endless logo are trademarks of Amazon.com, Inc. or its affiliates.



    CERTAIN CONTENT THAT APPEARS ON THIS SITE COMES FROM AMAZON SERVICES LLC. THIS CONTENT IS PROVIDED 'AS IS' AND IS SUBJECT TO CHANGE OR REMOVAL AT ANY TIME.
    CERTAIN CONTENT THAT APPEARS ON THIS SITE,COMES FROM AMAZON EU S.à r.l. THIS CONTENT IS PROVIDED 'AS IS' AND IS SUBJECT TO CHANGE OR REMOVAL AT ANY TIME.

    All trademarks are property of their respective owners.
    All third party content and adverts are copyright of their respective owners.

    Some graphics on our web sites are Copyright (C) 1997-2000 Hemera Technologies Inc., and used under license. All such pictures are provided for viewing purposes only and are not to be saved or downloaded. All such pictures of recognizable individuals are models and used for illustrative purposes only, and not meant to imply any association or endorsement of said individual with any product or service.