Hello people I am a designer that has just got into web designing and need someone to help me!
I started designing and finished a website of my own and used jpgs as images on the webpage but I found it that it was too large cos of the jpgs i used, I today found out that using gifs is better as a gif is transparent and you can work better with them on webpages.
so… today I tried re-designing the webpage I had already done with gifs but the problem I had was that the gifs are not as good quality as the jpgs (they are seen on my webpage but on the outskirts of the image you can see little white pixels). Jpgs are more crisp and sharper.
Im I saving the gifs wrong? (btw Im using dreamweaver) I use freehand to design my layout and then export each image seperatly as an eps then open the eps in photoshop and save the image for web as a gif… is there any settings that make my gifs more sharper and crispier?
I know its a stupid question and most of you experienced web designers might roll over the floor laughing at my question but it would help me alot if someone can tell me what to do!
Instead of using FH, try using Fireworks. It is made for the web.
Otherwise, you need to have a grasp of the differences of lossy, and lossless compression.
gif: lossless compression (uses max of 256 colors, and does not degrade picture quality when fewer colors are used) transparency is available.
jpeg: lossy compression (uses millions of colors, and removes part of the image to make the file size smaller, hence the artifacts in over compressed jpegs)
transparency is not available.
Therefore, depending on what you want to display (a photo will generally not look good in 256 colors, but a logo will), determines what type of compression to use.
If you use a special effect like smoke, fire, or anything choppy then PS will have a problem rendering a perfect transparent background. Try to keep things simple and smaller, that web page just went slower than ever, I almost forgot that people came to sites to view content. No comment on the bright green, I will let lostinbeta cover that one. Don’t get me wrong, the graphics aren’t bad, it is just that most people that come to a site like that are wanting content more than graphics.
My business pays for all my programs. I have both Fireworks MX and Photoshop 7. In my point of view I don’t even need to keep Fireworks installed, I can do everything I need and more in Photoshop. But that is just one designers opinion. You are of course older than me so you should have more experience in the subject of matter…
Ok so now ive woken up its a different day… hopefuly the gifs will work better (fingers crossed)
about iframe… i downloaded the extension found on the dreamweaver website it lets me install it and use it but I cant see it until i go to preview in internet explorer and I dont know how to add text to it either as I cannot see it on my document! anyone else have a better solution??
As for the gifs is there a better way of saving them using photoshop? so I can get better quality? Im using photoshop 5.5 (I go to save for web) is there any preferences there that can make the gif better??