When is text not text? When it is a part of an image. As far as most computer programs are concerned text and images are two completely different things and any text that you have placed inside an image is just a part of that image and can’t be read by the program. There are a few exceptions to this all of which involve optical character recognition.
When you have an image that contains text, the text may or may not be all that readable - especially if you have resized the image from its original size. Provided that he text doesn’t overlap anything too complex in the image you should be able to remove hat current text and replace it with new easier to read text as this Paint Shop Pro tutorial illustrates.
Not everyone uses a fast connection to the internet, there are still some people using dialup connections. Unfortunately some web page creators (they are certainly not webmasters) forget about this and create web pages that are way bigger than they ought to be making their page almost unusable to those on dialup and in many cases even frustrating those using broadband connections where no one should have to wait more than a second or two for a web page to load. If you are being constantly frustrated by slow loading web pages then why not turn off the images in your browser and speed the loading of the page that way. You should still see all the regular text content of the page as well as the alternate text that provides the same information as the images that you are not seeing so that you will not lose much by it and the pages will load a lot quicker. This of course does assume that the web pages have properly defined alt attributes on the images.
If you have a copy of Paint Shop Pro then keeping all of the image folders on your computer properly organised will be a lot easier.
Here’s a way to save a lot of space on a web page by placing all of your images in the same spot on the page and using JavaScript to determine which of the images is the one that is currently visible.
People use all different screen resolutions on their computers and not everyone has their browser window open full screen. This simple JavaScript will detect the available space in the browser window and select between two different sized versions of the same image depending on whether or not the larger one will fit. That allows those using higher resolutions and bigger browser windows to see a better version of the image while those with smaller screens can still see the whole image in their browser at a decent resolution (better than if the image itself were dynamically resized by the browser).
Where you don’t have access to use server side processing to place random content into your web page you can use JavaScript to do it for you.
About the only effective way of protecting your images on the web is to watermark the images themselves. Any other form of “protection” is useless because the images are downloaded to your visitors’ computers in order for their browser to be able to display the web page and that image file can therefore be easily accessed from their computer completely independently of any so called protection built into the web page.
One problem with watermarking images is that you then need to keep multiple copies of each image, one with the watermark and one without.
In this tutorial we look at some simple PHP code that will allow us to do away with the need for watermarked copies of our images on our web site by automatically applying the watermark to the image when it is requested. This is not the most efficient solution but is the easiest to apply.
My JavaScript Blog
Loading ...