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.

Photoshop resolution - 72dpi?

Featured Replies

Hi people,

 

With sites in the past I have always used a 72dpi resolution within Photoshop when designing them and wonder if this is good practice, I know images on the web should be delivered at 72dpi but I have recently had to issue the logo to a client for their letter heads etc. and feel 72DPI is too low for print (shouldn't it be 300 or so?) if so it means I will have to re-create the logo at a higher resolution (as I have used raster graphics)

 

I wondered how other people worked?

When I have to design a logo I will create it in vector using illustrator this way it can be scaled to whatever size it needs to be easily, and saves on me having to recreate it should a bigger sized version of the logo be needed.

 

But yes print should be done at 300dpi so that the quality of print is good :)

I'll have to start doing that Dizi and also start to learn how to use Illustrator better as I just use Photoshop.

When I have to design a logo I will create it in vector using illustrator this way it can be scaled to whatever size it needs to be easily, and saves on me having to recreate it should a bigger sized version of the logo be needed.

 

But yes print should be done at 300dpi so that the quality of print is good :)

 

Absolutely.

 

If you haven't got vector software like Illustrator, then you can at least create the design in Photoshop using the biggest pixel size you will probably need (ie. 300 times the biggest print size required in inches).

 

To use the logo on the website, create a copy of your original file, flatten the layers, cut & paste on to your web page mockup, convert to smart object and re-size keeping proportions.

 

Not as good as using vectors, but more flexible than the way you've been working if you haven't got the software or don't want the learning curve (which isn't too scary!)

At work (and i belive this is universal) we use:

 

72 for web

150 for newspaper

300 for print and magazine

  • Author

So if your designing a layout in Photoshop do you work in a canvas at 300dpi (but create the logo on a larger canvas and import into the layout design) and then save in different resolutions for different applications i.e. print, web? (also I assume using the save for web function of Photoshop automatically reduces it down to 72dpi?)

 

When I have to design a logo I will create it in vector using illustrator this way it can be scaled to whatever size it needs to be easily, and saves on me having to recreate it should a bigger sized version of the logo be needed.

 

What about the logo has a gradient in it?

Hi

I also do the same as what Dizi posted earlier. Do the logo in illustrator as vector. If you're just using photoshop and have a deadline to meet, just do a high resolution one in photoshop and later downsize it for the web. If you are good with the "Pen Tool" in Photoshop, you could handle illustrator too. I consider the Pen Tool as the most "powerful tool" in graphic design. I recall my boss mentor would often check the Pen Tool skills whenever he interviews designers applying for jobs.

So if your designing a layout in Photoshop do you work in a canvas at 300dpi (but create the logo on a larger canvas and import into the layout design) and then save in different resolutions for different applications i.e. print, web? (also I assume using the save for web function of Photoshop automatically reduces it down to 72dpi?)

 

 

 

What about the logo has a gradient in it?

 

DPI is only a concept when the design is actually produced or exported to a file for sending to production - until then it is just a pixel size. A computer generated image might be 300x300 pixels. If it is printed 1 inch square, it is then 300dpi. If it is printed twice the size, it is 150dpi.

 

For web design, I would just leave the dpi to 72, and use the canvas size to dictate page size. If you import a graphic it will appear as big as the number of pixels it contains. You can then just resize it to fit the page design.

 

Gradients aren't a problem when you copy an Illustrator file into Photoshop. The gradient will be resized in the same way as the other vectors.

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.