Assailant Posted February 20, 2004 Posted February 20, 2004 Whenever I save an image it looks good till I publish it on a website, anybody know how I can make ir more crisp/clear when I publish it to the web? thanks
1quicksi Posted February 20, 2004 Posted February 20, 2004 What program are you using? What format are you saving your images as? Personaly I like JPG as in PhotoShop I can define the quality level when saving. knowledge base | Contributions | Search
TerryK Posted February 20, 2004 Posted February 20, 2004 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. HTH, Terry 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. *
Recommended Posts
Archived
This topic is now archived and is closed to further replies.