I'm new to attempting my own graphics. I have Fireworks and Corel. How can I create (and then manipulate) images that won't be blurry?
kahaj 0 Junior Poster
Recommended Answers
Jump to Post— HI2Japan 23If you are creating images, and you do not specify any kind of a blur effect, your images will not be blurry.
One thing to avoid though would be making images small then increasing the size and vice versa. It wont necessairly make it blurry, but it can make …
Jump to Post— HI2Japan 23The best thing to do when resizing images would be to resample when adjusting picture size. I'm sure most if not all graphic applications have it. For Photoshop it appears within the Image size dialog box. There are different flavors of resampling. I use Photoshop and tend to leave the …
Jump to Post— reen.blom 8They look fine on my computer, but when I upload them to a website and view them, they're blurry/pixelated.
How do I decrease a picture's size without it pixelating? (or can I?)
If you save as Jpeg you should play with compression settings untill you reach size/quality compromize. If you …
All 9 Replies
HI2Japan 23 Junior Poster
If you are creating images, and you do not specify any kind of a blur effect, your images will not be blurry.
One thing to avoid though would be making images small then increasing the size and vice versa. It wont necessairly make it blurry, but it can make it pixelated which will not look nice.
kahaj 0 Junior Poster
They look fine on my computer, but when I upload them to a website and view them, they're blurry/pixelated.
How do I decrease a picture's size without it pixelating? (or can I?)
HI2Japan 23 Junior Poster
The best thing to do when resizing images would be to resample when adjusting picture size. I'm sure most if not all graphic applications have it. For Photoshop it appears within the Image size dialog box. There are different flavors of resampling. I use Photoshop and tend to leave the default of Bicubic. That has worked fine for all of the images I have worked with.
reen.blom 8 Junior Poster in Training
They look fine on my computer, but when I upload them to a website and view them, they're blurry/pixelated.
How do I decrease a picture's size without it pixelating? (or can I?)
If you save as Jpeg you should play with compression settings untill you reach size/quality compromize. If you use gifs try to set the amount of cours you use...
kahaj 0 Junior Poster
What if they're .png files? Any tips when using that format?
Actually, what type of file is best to use for web graphics?
Member #334542
Use GIF, only if you had an animation. Otherwise use PNG (Portable network graphics) gives output best for transparencies and you can also use JPG with good compression size.
HI2Japan 23 Junior Poster
PNGs are lossless and can be saved in an 8 bit (gif) or 24 bit (jpg) format. They work quite well for web graphics.
Gifs are limited to 256 colors and uses a lossless compression. These support animation and transparency.
Jpegs have 16.7 million colors and use a lossy compressions so the more compression, the worse the quality of the picture.
MidiMagic 579 Nearly a Senior Poster
Don't specify the image size in the html code. This causes the browser (as opposed to the graphics editor) to change the size of the image. It is not well adapted at doing this.
CoffeeChef 1 Light Poster
When I design any graphics that I may wish to resize, I try to always use vectors and paths as my base design. Flash CS3 has really great tools for this, both in the UI as well as AS3. They always resize well. I just keep a folder with my basic design, pull out what I need and resize it for the pupose of my project. When saving my images for the web, I use the same helpful hints and steps as outlined above. ;)
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.