How to

The Myth of DPI

Feb. 15, 2010  |  155 comments

The size of an image in a website layout is important. From proper alignment to getting just the right amount of white space, sizing photos and graphics properly beforehand is essential to creating a balanced look.

Images on the web are measured in pixels. Yet many people go through the trouble of setting their images to 72 dots per inch (DPI). The process of sizing images for the web is often misunderstood.

The misconception about resolution in digital images bound for the web is that they must meet a certain number of dots per inch.

In print, pixels per inch and dots per inch impact the size of an image on a page. DPI doesn’t apply to layout on the web.

Ben Gremillion says: This being a blog and an article about web design, I assumed it was clear that the article was not about print. My...
Best Of

Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers.

The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick and useful compilation of the best tweets that we sent out this past week.

Note that this is only a very small selection of the links that we tweeted about, so don’t miss out.

To keep up to date with all the cool links, simply follow us @DesignerDepot

Bass says: As usual a amazing list. I particularly enjoyed the ones about colour contrast and attractive blog posts
Comics

Every week we feature a set of comics created exclusively for WDD.

The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers.

These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today.

So for a few moments, take a break from your daily routine, have a laugh and enjoy these funny cartoons.

Feel free to leave your comments and suggestions below as well as any related stories of your own…

Revek says: Hi. These drawings crack me up every time ! So funny, and so true. Want another idea for a comic ? A guy asked me recently...
How to

Accounting for every aspect of a new website isn’t easy, especially at the last minute.

The problems aren’t the details themselves, but rather the process of making sure that seemingly minor details don’t add up to sloppy work.

The best solution is to write it all down.

The worst solution is to not take a pre-launch checklist as seriously as the planning stage itself.

With the hundreds of details that go into building or redesigning a website, overlooking minor points is easy, especially as deadlines loom—or pass. But missing details detract from the quality of a website.

Jarrett Barnett says: Awesome list. May or may not be a good idea to add these to a more development specific list (depending on how much coding...
Compilation

Nature is a superb way of finding natural and unique inspiration.

It refreshes our mind and gives us something to think about in new and exciting ways.

I’m a huge fan of character illustration, especially monsters and aliens.

When searching for inspiration for these illustrations, I find taking a good look at the world beneath us, the sea-bed of the ocean always points me in the right direction.

The bright colors, unusual but natural shapes and the detail in the photos below will hopefully inspire you as well…

Klara says: @e11world Where do you live? Any sea and some snorkeling equipment will do. Add some neoprene in cold water and stay away from...
Blogging

The information bloggers choose to put out there often has a huge impact on how they’re perceived and what others online think about them.

And what many bloggers don’t realize is that information they put on their blogs can have a direct legal impact.

Even if what you’re posting to your blog isn’t breaking any laws, it may be considered unethical by others, which can often be just as damaging.

Here’s a guide to free speech and freedom of information specifically for bloggers. Legal issues, ethical issues, and other things to consider are all covered.

If you have additional input or advice, or disagree with anything here, please speak up in the comments.

Gary says: A great source for understanding online rights under U.S. law is Chilling Effects Clearinghouse, a joint project of the...
Icons

Since its controversial release, the iPad has been both criticized and admired by the design community.

In this post we have compiled a list of great resources, that teach you how to create your own iPad icons, as well as a collection of ready made icons and PSDs.

To download the files, please click on the preview image to go to the source site and remember to check the terms of use before using them in your projects.

If you know of any other great iPad freebies, please add them in the comments section below and we’ll include them in this post when appropriate.

Enjoy…

Toby says: HV-Designs recently made a tutorial on the IPAD, maybe you could add that...
Best Of

Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers.

The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick and useful compilation of the best tweets that we sent out this past week.

Note that this is only a very small selection of the links that we tweeted about, so don’t miss out.

To keep up to date with all the cool links, simply follow us @DesignerDepot

David Ingledow says: Yet another great set of tweets from the past week!!! I never knew Facebook was changing their design - it hasn't happened on my...