Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

unprofessional graphics

Featured Replies

Please visit test.utuze.com

 

On the right you will see two smallish images, they look realy pixelated and I don't know why. They have been created at 80px square, and that dimension has been specified in the code also. I created them in coreldraw and they look really smooth and crist in there. But now I have saved them in both jpg and png they look like flippin bitmaps. It looks really unprofessional.

 

Can anyone help?

I don't see anything, just lots of white space and your header graphic with the buildings and sun. (using FF2 on Mac).

i've seen this loads of times and to be honest i'm not sure how to get around it.

 

The reason for this is when you design the images in corel you would be using vectors but in the web world they will be converted to images where you loose some quality. Well this is what i've found when using corel and now try and convert stuff into photoshop then make them look good for the web (tend to screen print the corel image and paste them into photoshop.).

Looks to me like you created them with Anti Aliasing turned off.

 

Wich give sharp edges, not really suited for circles :pp

  • Author
Looks to me like you created them with Anti Aliasing turned off.

 

Wich give sharp edges, not really suited for circles :pp

 

I did actually, id did this because i had a transaprent background which works best with anti aliasing turned off. If I turn it back on it will make the transparency rubbish, but I think you are right, it maight make the circle crisper. Thanks.

 

I am aware of the problem in the early firefox browser issue (From the first poster) firefox 2 and earlier, but I had not found out how to cure it.

It's not pixelated for me. I think the problem is that they look not clear, like you added a focus effect.

You can fix it with photoshop or you can convert it to vector graphic.

It is definitely because you did not use anti-aliasing when you made the images.

 

You've done the right thing by using the PNG format, but you CAN afford to anti-alias them as well.

 

Take a look at this URL - all the icons on this page are anti-aliased PNGs with a transparent background and they look fine (the grey background color comes from the containing DIV box):

 

Example of AA PNGs

 

(I use Photoshop to make graphics)

 

Jarrad

it is because you have doine this through anti aliasing and most not be done by that way.......

  • Author
It is definitely because you did not use anti-aliasing when you made the images.

 

You've done the right thing by using the PNG format, but you CAN afford to anti-alias them as well.

 

Take a look at this URL - all the icons on this page are anti-aliased PNGs with a transparent background and they look fine (the grey background color comes from the containing DIV box):

 

Example of AA PNGs

 

(I use Photoshop to make graphics)

 

Jarrad

 

Thanks kid, if those images have been done with anti-alias on, how have they come up so clear with no halo effect.

 

Thanks.

 

I need the graphics to be png with transparency as the images will go on several different pages with different packground colours.

Thanks kid, if those images have been done with anti-alias on, how have they come up so clear with no halo effect.

 

Thanks.

 

I need the graphics to be png with transparency as the images will go on several different pages with different packground colours.

 

try saving them in photoshop?

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.