Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

Making crisp text in images


Recommended Posts

If your text is a solid color or series of solid colors, it should be saved in GIF format, not JPG. JPG is better suited to photos, gradients, etc.


Here's how to do it:


First, create a new RGB image. You want to start out with dimensions that will allow you to enter your text at TWICE the size what you need it to be. i.e. If you want your text to be 200x50 pixels, first create an image that is 400x100. Enter your text the way you want it (using the anti-alias option, save your file (just in case you muck something up!) and then reduce the image size to 200x50. The text should still look quite crisp.


Next, change from RGB to indexed color to optimize your image and reduce file size.


In Photoshop (I'm using an older version), click on Image -> Mode -> Indexed Color. It will ask if you want to flatten layers. Click 'OK.'


You'll then be given the option to choose your color palette. If your image is one solid color over another, I'd recommend choosing an Adaptive palette at exact color or 4-bits/pixel. If you've got more colors in play than that, you may need to reduce to 6-bit or higher. PaintShopPro offers the same options, but I can't remember where you access it from, sorry.


Next, export your image as a GIF (or transparent GIF, if that's what you need), then upload to server.


If you want to see an example of GIF images for text, check my www link below. The 'KIDiddles' text is a GIF image, not JPG. The only images on my site in JPG format are the product pictures.





Terry Kluytmans


Contribs Installed: Purchase Without Account (PWA); Big Images, Product Availability, Description in Product Listing, Graphical Infobox, Header Tags Controller, Login Box, Option Type Feature, plus many layout changes & other mods of my own, like:


Add order total to checkout_shipment

Add order total to checkout_payment

Add radio buttons at checkout_shipping (for backorder options, etc.)

Duplicate Table Rate Shipping Module

Better Product Review Flow


* If at first you don't succeed, find out if there's a prize for the loser. *

Link to comment
Share on other sites


This topic is now archived and is closed to further replies.

  • Create New...