Welcome to TalkGraphics.com
Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. #1
    Join Date
    Dec 2005
    Location
    USA, NJ
    Posts
    109

    Default best dpi for web design?

    what is the best dpi for web graphics? if i buy some pictures @ 300 dpi does xara change them to 72 dpi or 96 dpi? or is it just best to buy at 72 or 96 dpi? it is a lot cheaper the lower dpi. thanks everyone!

  2. #2
    Join Date
    Jul 2007
    Location
    Brockville, Ontario, Canada.
    Posts
    3,281

    Default Re: best dpi for web design?

    Windows OS uses 96 dpi and Mac's use 72 dpi. There is little point buying 300 dpi unless you are going to print the output. For web work 96 dpi is standard.
    Keith
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    There are 10 types of people in this world .... Those who understand binary, and those who don't.

  3. #3
    Join Date
    Aug 2000
    Location
    dusseldorf, germany
    Posts
    302

    Default Re: best dpi for web design?

    Its 96dpi for windows and 72 for macs.

    Juergen

  4. #4
    Join Date
    Sep 2005
    Location
    London, England
    Posts
    421

    Default Re: best dpi for web design?

    If you are buying photos you should consider how much of the photo you are going to use and whether you would need to perhaps zoom into a particular part of the photo. Even then you are probably not going to need a huge 300dpi shot.

    You can usually get a shot that's around 500 to 700 pixels in size, which allows for all of the above and then to export at 96dpi. Xara Xtreme exports JPGs at 96dpi by default.

  5. #5
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    26,033

    Default Re: best dpi for web design?

    About 90+ percent of computer owners own Windows computers. Unless you are specifically creating a site for Mac users, use 96 dpi.

  6. #6
    Join Date
    Aug 2000
    Location
    Ingolstadt, Germany
    Posts
    358

    Default Re: best dpi for web design?

    dpi settings are irrelevant on the web and will be ignored by web browsers, which will display your images at 1:1 pixels. Xtreme may internally think that a pixel is 1/96 of an inch, but that information is meaningless when it comes to exporting a web page.

    if i buy some pictures @ 300 dpi does xara change them to 72 dpi or 96 dpi?
    Xtreme exports images at whatever pixel size you see when you drop them on your page. When exporting for web, it tries not to give any dpi information, as it's irrelevant. (ie. no pHYs chunk in PNG.)

    As Jimi said, typically the use of having bigger/higher-res pictures is so that you can resize and crop them to fit the size you want. Smaller images tend to look poor/blurry/deformed when you try to scale them, so if you've got a little image you've nicked off a web page, you are pretty much stuck with that size.

  7. #7
    Join Date
    Jul 2007
    Location
    Brockville, Ontario, Canada.
    Posts
    3,281

    Default Re: best dpi for web design?

    Quote Originally Posted by BobInce View Post
    dpi settings are irrelevant on the web and will be ignored by web browsers, which will display your images at 1:1 pixels.....
    What this means in terms of images is that if the image is 640 x 480 pixels, it will show as 6.666" x 5" on a windows machine and 8.888" x 6.666" on a Mac. If you want it to display smaller then you will have to physically reduce the size of the image. You cannot change the resolution .... (Ignoring the silly 120 dpi option of course) ....

    As Bob said, the actual dpi of the image is irrelevant only it's physical size in pixels matters.
    Keith
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    There are 10 types of people in this world .... Those who understand binary, and those who don't.

  8. #8
    Join Date
    Aug 2000
    Location
    Dallas, TX USA
    Posts
    277

    Default Re: best dpi for web design?

    Quote Originally Posted by BobInce View Post
    dpi settings are irrelevant on the web and will be ignored by web browsers, which will display your images at 1:1 pixels. Xtreme may internally think that a pixel is 1/96 of an inch, but that information is meaningless when it comes to exporting a web page.
    Exactly so don't think about dpi so much when you are dealing with web, as for the most part dpi is irrelevant. The only thing you need to know is that it is better to save your images out of Xara at default screen resolution which is 96 and then go and convert them to 72 dpi without actually resampling the image using a batch converter like thumbs plus. This way if you need to use those images in Flash they will import correctly. Actually Adobe Flash is the only web app I know of that pays attention to pixel dpi and will not display your images correctly if you are saving straight out of Xara at 96 dpi.

  9. #9
    Join Date
    Nov 2000
    Location
    Red Boiling Springs TN USA
    Posts
    19,209

    Default Re: best dpi for web design?

    Why convert to 72 dpi? The Mac hasn't used that resolution for ages.
    Soquili
    a.k.a. Bill Taylor
    Bill is no longer with us. He died on 10 Dec 2012. We remember him always.
    My TG Album
    Last XaReg update

  10. #10
    Join Date
    Feb 2008
    Location
    Boston area
    Posts
    157

    Question Re: best dpi for web design?

    Taking into account the facts on dpi vs. pixel resolution for the web, why do my Xara images often seem to be less resolved (not as sharp) on a web page after I resize or crop them in Xara Picture Editor?

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •