Creating GIF and Jpeg Images for Your Website - How to prepare them for best results.



Get Web Design Tips and Tricks on mps-web-design.com. Creating GIF and Jpeg Images for Your Website - How to prepare them for best results. topic will increase your understanding on Web Design Tips and Tricks. We at mps-web-design.com only provide news, articles, information in Web Design Tips and Tricks. Web Design Tips and Tricks at mps-web-design.com provides the most up to date news and articles. If you have questions please do not hesitate to contact us.

The two most dominant Web image types are GIF (Graphics
Interchange Format) and Jpeg (Joint Picture Experts Group).
You can find the above types in most any website you visit.
They both compress to a small file size and are easy to work
with.

GIF: Pronounced jiff, like the peanut butter, is very good
for logos and lettering. Highly detailed images don't look
good in the GIF format because it's limited to 256 colors;
rendering complex images - such as photos - with a grainy
look.

Jpeg: Pronounced jay-peg, does quite well with photographs
since it was originally designed for them. It is a lossy
type of compression and will reduce the file size by
dropping bits it doesn't need.

General Website Preparation Guidelines:

It's best to work with all your Web images at a much higher
resolution than 72 or 96 pixels per inch (PPI). If you are
creating original images, scan to at least 300 PPI. Though
GIF is somewhat more forgiving of lower resolution than
Jpeg, 300 PPI offers a good compromise for editing.

The reason you need to edit in high resolution is that your
image manipulation and filtering will have a more detailed
look when recompressed for the Web. The excellent detail of
professionally crafted virtual eBook covers is on account of
the high resolution image editing.

When working with logos and lettering, areas of concern are
all the border lines that meet the background color. You
should select two to four pixels (half on the lettering and
the other half on the background) and apply a generous
amount of your paint application's smoothing filter.

Once you are done with the editing, it's time to recompress
and convert the images for use on the Web! Depending on your
needs, resize the images to either 72 or 96 PPI and save
them as GIF or Jpeg. Take your time and use many of the Web
features of your paint application; experiment to see what
is the best compromise between image size and quality.

Items to consider:

High, medium or low compression.

Colors: 16, 32, 64, 128, 256

Dither/no Dither

Of course, there are more detailed works on editing
images for use on the Web; this article doesn't pretend
to be on par. Yet and still, by following the simple
guidelines above, you'll be able to produce some very
decent images for your website.

More resources:

http://www.putertutor.net/
Super tutorial site for all things graphic.

http://www.mccannas.com/pshop/menu.htm
Very well written instruction for graphics applications

http://www.websitetips.com/graphics
Excellent gateway site to all the good graphic design
tutorials and learning resources.

===================================

by Francisco Aloy

(C)2004 FRancisco Aloy



Instant Article Submitter. - Amazing Breakthrough Software Stuffs Any Website You Want Full Of Free Targeted Traffic.
15,000 Mb Hosting For $4.95/mo. - 4.95 web hosting, Free domain registration! Free setup and online website builder included.

How an Internet Marketer convinces their child to go to school/day care/park

Lately I've taken to subscribing to many newsletters and the "free" programs being offered by internet marketers - think Frank Kern, Yanik Silver et al. - and people like Aaron Wall and Shoemoney and that Brian fellow over at Copyblogger.

If you, like me, receive some of these emails, you may have noticed how their sales methods have taken the typical long web page sales pitch and turned it on its side. They've spliced it into emails and videos and feed that info to us in a much more interactive and entertaining manner then the long winded sales pages of old.

So this morning while trying to convince my 21 month old son to go to the park (that's right, to convince him to go to the park) I found that the usual things were not working. That is when it hit me.

Parental persuasion ala Frank Kern

Please note that I have not met nor do I know Frank Kern, and I am only singling him out because his name stuck with me. I suppose this parody below could be recognizable to Jeff Walker's children as well. One last note, I have found the free info they give away as they get you to the offer/pitch/monthly service to be quite valuable.

  • Dad: Hey son, want to go to the park with your favorite car and play on the swings?
  • Son: No!
  • Dad: Oh, did I mention that I found some extra strawberries, your favorite fruit? I figured you would want them and washed some for you. Want to go to the park with your favorite car and play on the swings and have some strawberries?
  • Son: My car...? No!
  • Dad: We can take the little soccer ball and some balloons. We know you like balloons so we bought some extras last night. Want to go to the park with your favorite car and play on the swings, with the ball and the balloons and have some strawberries? You don't have to do anything, just have fun!
  • Son: Balloons...? Where's my car? No!
  • Dad: Hey listen. Its 8:00, the street cleaner will pass soon. If we go now we can also see the street cleaner! You love the street cleaner and if we don't go now who knows when he will pass again.. Maybe never! Want to go downstairs and see the street cleaner, then go to the park with your favorite car and play on the swings, with the ball and the balloons and have some strawberries?
  • Son: Street cleaner...? Balloons...? Where's my car? Hmm... (asks for shoes, walks over to the car...) No!

  • Dad: Listen. If we go down now, we can stop at the bakery. I'll order an espresso (you love the noise from the espresso machine!) and get you some toast and jam (I'll pay; you get this fre.e!) and we can sit at a table outside and watch the street cleaner. Then we can go to the park with your favorite car and play on the swings, with the ball and the balloons and have some strawberries? And one last BONUS: we can stop at the fountain and throw in some rocks!!

    Look, if you don't have fun doing this, later I will take you to the pool.
    YOU CAN"T LOSE!!

  • Son: (getting up on the car...) Yes! Lets do it! (makes some vroom vroom noises with the car).

Father and son head down the elevator out to the bakery. Son demands the water fountain in the park so we head straight there, where strawberries are eaten and some rocks thrown in. Then he says "casa" (hey, we live in Spain) and demands to go home. We stop to watch the street cleaner pass by and head home, not having visited the swings, played with the balloon or balls or had breakfast at the bakery.

(Okay, so in the end I also pick on we folks who buy these things - be they live the internet lifestyle products or self-help books - and don't implement them to the fullest :)



Article Index: | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79

More Articles:


1. Small Business Website Design - How to Get Professional Results on a Shoestring Budget
Just because you are a small business with an even smaller website design budget, does not mean that you cannot have a professional looking website and presence on the web. All it means is you will have to do some of the work yourself instead of paying some design firm to do it for you. Amazingly enough, self designed pages from small business owners who did their research frequently end up being better and more focused than professionally designed pages. Consider the following suggestions when …

2. Affordable Website Design In Manchester By Steve Hill
If you have a business, big or small you may be thinking of getting yourself a website.The world wide web is another way of spreading your message or selling your product.First you need to find somebody or a company to build and design your website. Some web designers charge a huge amount of money so it is quite difficult to make the right choice. Due to the high number of people offering these web design services, you should be able to get a cheap and affordable deal.One area you could try fi…

3. A great banner only needs simple things...
To create your own great banner, you only need five (5) simple things:1.Size according to standards. Always keep to the standards. Having a bold, huge banner would look good and attract more attention than any graphic design ever would. Nevertheless, if everybody is doing it, what would be different about you then? As one designer have said: 'I know that if your ad is slightly larger it may get more attention but if we all start doing this where will it stop.' Sticking to the standards is quite …

4. Are the Fonts You're Using on Your Website Unreadable and Costing You Clients? By Ron Scott
Colin Wheildon, in his book "Type & Layout" waxes on about this or that font in body text. The findings of his research, however, are decisive. "Body type must be set in serif type if the designer [website owner] intends it to be read and understood. More than five times as many readers are likely to show good comprehension when a serif body type is used rather than a sans serif body type," he reports.You may be asking yourself at this point what’s the difference between serif and sans serif t…