Hocking Design Logo

Hi, I am Donna Hocking a freelance graphic designer. I specialise in working with smaller businesses, start ups & freelancers to build their brand & online presence. I also work with larger companies providing ad hoc graphic design or artworking support.

Get in touch to discuss your project.

I offer a range of services such as:
Logo design; Branding development; Design for printed materials including, flyers, posters, brochures, POS, & outdoor; Digital design including web banners (static, gif & HTML), social posts, website design &/or build; Presentation design

How to specify the resolution with Photoshop save for web – Hocking Design
post-template-default,single,single-post,postid-4565,single-format-standard,eltd-core-1.2.3,awake child-child-ver-1.0.1,awake-ver-1.7,eltd-smooth-scroll,eltd-smooth-page-transitions,eltd-mimic-ajax,eltd-grid-1200,eltd-blog-installed,eltd-default-style,eltd-fade-push-text-top,eltd-header-standard,eltd-sticky-header-on-scroll-up,eltd-default-mobile-header,eltd-sticky-up-mobile-header,eltd-menu-item-first-level-bg-color,eltd-dropdown-slide-from-left,eltd-,eltd-fullscreen-search eltd-search-fade,eltd-side-menu-slide-from-right,wpb-js-composer js-comp-ver-6.7.0,vc_responsive

How to specify the resolution with Photoshop save for web

Hocking Design / Adobe Photoshop  / How to specify the resolution with Photoshop save for web

How to specify the resolution with Photoshop save for web

This guide will explain how to specify the resolution with Photoshop ‘Save for web’ Feature. This is actually something that I personally didn’t know I was doing wrong and didn’t check for a while so I thought I’d share it and maybe someone else might find it useful.

If you are under the impression that Save for web’ in Photoshop will just embed the resolution you set in image size – sadly you are wrong. For the file to maintain the resolution you set, you have to put in the correct settings and here’s how:

Below is the written guide on how to specify the resolution with Photoshop ‘Save for web’

Click Here for the video guide.

Specify the resolution with Photoshop ‘Save for web’

With your file open in Photoshop go to ‘File’ and then ‘Export’.

From the menu choose ‘Save for web (legacy)…’

In the menu on the right if you see ‘Metadata’ and ‘None’ selected from the dropdown menu…

…and you save that file. Photoshop will automatically change the resolution to 72dpi.

So to avoid that and set the resolution with ‘Save for web (legacy)…’ open:

(I like to select ‘Use Document Profile’ next to Preview)
In the drop down next to Metadata you need to select ‘All’

Now when you check the resolution of that file you will see that Photoshop has embedded your resolution. In this case 96dpi.

This is more just an extra tip from me I produce a lot of web banners and I find that even if I have set the image size and selected ‘All’ near ‘Metadata’ sometimes Photoshop will still export a different resolution. It seems to throw a tantrum so check your files and when this happens – restart Photoshop 🙂

How to specify the resolution with Photoshop ‘Save for web’ (CC) – Video guide

To view in full screen and subscribe to our YouTube channel click here.

Written by Donna Hocking, graphic designer and creative artworker. If you are a designer / agency in need of support or a business looking for someone to create your print & web materials get in touch I’d love to hear from you. You can also read more about what services I provide here.

No Comments

Sorry, the comment form is closed at this time.