Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Image Types

Options
  • 25-06-2009 11:13pm
    #1
    Pablod
    Registered Users Posts: 489 ✭✭


    Hi Everyone,

    Not sure if this topic belongs here, its related to Websites but question on images (Mod's feel free to move if necessary)

    Basically what I would like to know is...what is the best image file type to use for websites?

    .jpg/.png/.gif etc..
    not just for images, but also if i'm editing pictures or creating snippets proping,croping and so on.
    (without going down the adobe route designing eps files etc)

    I found when editing images sometimes and saving to .jpg, the quality drops sometimes a lot depending on the size of the image.

    Cheers
    Paul


Comments

  • Options
    #2
    Pixelcraft
    Registered Users Posts: 742 ✭✭✭Pixelcraft


    depends on compression and colour depth etc, but JPG's for photos, png's (8bit for simple, 24 for complex) for illustrations & elements


  • Options
    #3
    Liam Byrne
    Closed Accounts Posts: 18,163 ✭✭✭✭Liam Byrne


    Pixelcraft wrote: »
    depends on compression and colour depth etc, but JPG's for photos, png's (8bit for simple, 24 for complex) for illustrations & elements

    Remember that not every browser supports PNG properly.

    Consider using GIFs for illustrations and elements.


  • Options
    #4
    tricky D
    Closed Accounts Posts: 9,700 ✭✭✭tricky D


    Liam Byrne wrote: »
    Consider using GIFs for illustrations and elements.

    ...especially for images with flat colours as opposed to gradients (photos).


  • Options
    #5
    lucideer
    Closed Accounts Posts: 101 ✭✭lucideer


    Pablod wrote: »
    without going down the adobe route designing eps files etc
    If you're using Adobe Illustrator, don't output to EPS (its default), output to SVG instead as this is a far more compatible, portable format and is actually supported as an image in most good browsers as well as the 3 you mentioned (SVG isn't supported by IE at all however :( )

    Liam Byrne wrote: »
    Remember that not every browser supports PNG properly.
    By "not every browser" you mean "not IE6" and by not supporting PNG properly you mean not showing transparency - not a massive issue.

    Firstly, IE6 is 8 years and two whole versions old, in rapid decline in usage and isn't even supported by Microsoft (even Microsoft themselves have used transparent PNGs in their websites without any IE6 fallback)

    Backwards compatibility is all well and good, but when it comes to IE6 in this day and age on something as superficial as some white showing around an image in a browser noone should be using in the first place... in an ideal world we should really be using SVG for this, PNG is the least one should use.

    I'd say use PNGs in ALL cases except photographs (where JPG is best). If you absolutely need IE6 support - this script patches it nicely for you: http://www.dillerdesign.com/experiment/DD_belatedPNG/


Advertisement