Skip to main content
K
KOREA5C57
Participant
August 23, 2021
Question

how do I set the resolution when I split it into slice tools and save the JPG with 'Save for web'?

  • August 23, 2021
  • 3 replies
  • 742 views

Hello,

how do I set the resolution when I split it into slice tools and save the JPG with 'Save for web'?

Even if the document is 300 dpi or 72 dpi, it is saved only 96 dpi.

This topic has been closed for replies.

3 replies

JJMack
Community Expert
JJMackCommunity Expert
Community Expert
August 23, 2021

Resolution is meaningless on the web displays have a fixed resolution and a fixed image size. All that matters is image Canvas size on the web how many pixels  does the document  composite image have.  Image size is the number of Pixels you documents canvas has.   Resolution is a Printer setting you set before you print your image. Document Resolution  is Pixel print size. Displays have a manufactured pixel size they can not change.  Printers can print pixels any size down to the printer maximum resolution.  The Printers DPI setting is a quality  setting how well pixels well pixel will be printed.  The Document Resolution setting is the Pixel density the printer is to print the images pixels.  Document resolution is pixel print size.

 

Save For Web does not set any resolution in the files it saves.

JJMack
    barbara_a7746676
    Community Expert
    barbara_a7746676Community Expert
    Community Expert
    August 23, 2021

    For example, if you create an image that is 10 inches x 10 inches and 72ppi, it would appear as a smaller size when viewed at 100% than an image that is 10 inches x 10 inches and 300ppi.

    barbara_a7746676
    Community Expert
    barbara_a7746676Community Expert
    Community Expert
    August 23, 2021

    That's because 72dpi is the standard resolution for web images. The image will appear on the web the same size, or very close to it, that it appears on your monitor when viewed at 100%.

    K
    KOREA5C57Author
    Participant
    August 23, 2021

    Thank you for your answer.

    I want to create an image at 72 resolution.

    But it's still stored at 96 dpi. (*When saving as 'save for web')

    Conrad_C
    Community Expert
    Conrad_CCommunity Expert
    Community Expert
    August 23, 2021

    When you Save for Web, as the name says, it exports for web graphics.

    Web graphics do not use ppi or dpi.

     

    What is important in web graphics are the pixel dimensions, not the ppi/dpi resolution.

    For example, if you have a slice that is 300 x 200 pixels, it will be displayed at 300 x 200 pixels in a web browser no matter what the ppi is. It will be displayed at the same size in a web browser whether the file contains resolution metadata indicating 72 ppi, 96 ppi, or 300 ppi.

     

    If you don’t believe this, make three copies of the same image, but with different ppi resolution values (maintain the pixel dimensions — do not resample.) Then open each in a web browser. They will display at the same size.

     

    @KOREA5C57 wrote:

    But it's still stored at 96 dpi.

     

    No, it is stored with no resolution information.

    If you have a tool that can examine the JPEG metadata, you will see that Resolution is not embedded in a Save for Web file.

    In which software is it reporting 96 ppi for the Save for Web graphic?

    In Windows Explorer Properties?

     

    Because the resolution is missing, any ppi value reported for it is therefore a default guess of that particular software. For example, if you take a JPG from Save for Web, open it in Photoshop, and choose File > File Info. Photoshop will say it is 72 ppi (the default it assumes for missing resolution). If you see 96 ppi, that may be the default of the application you viewed it in. 96 ppi is the default in Windows; if you open the same file with missing resolution on a Mac, macOS would guess it is 72 ppi, its default.

     

    Some replies are saying the size will change if you change the ppi (and without resampling). That is true only if the output size of the image is set in inches/cm (not pixels) as the unit of measure, such as print. If that is how you will use the images:

    1. Choose Image > Image Size, set the size in Inches. If you need to change the document resolution in ppi, enable Resample so that the size in Inches is maintained.
    2. When exporting, do not use Save for Web — instead use File > Save a Copy and choose JPEG. Save a Copy does embed resolution information.
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices