Image Size & Resolution

The documentation below refers to an older legacy version of the Photocrati Theme. We recommend that you upgrade to Photocrati Pro and enjoy our new gallery system NextGEN Gallery with NextGEN Pro.


You will want to resize your images for the web. Standard web image sizes are between 800px and 1000px. Your Photocrati legacy theme is designed to be 960px wide. Our new Photocrati modern theme skin can be much wider (i.e. 1280px or 1920px) . So for images with a standard 2X3 aspect ratio, you should consider sizing your images to be 800px X 533px, 960px X 640px, or 1000px X 667px. If you're making use of the full-screen home page slideshow, I'd suggest uploading 1280px or 1920px in width - optimized for the web.

Why You Should Not Upload High Resolution Images

Some photographers think that if they upload high resolution images, their images will display more sharply or with better color rendition. However, it's important to understand that no matter how large your image files are, their DISPLAY is limited by the resolution of the computer monitor. Say a typical computer monitor has a resolution of 1200px wide by 800px tall. By definition, you simply cannot display an image larger than this on the monitor. If you upload a high resolution image, say 3000px by 2000px, your monitor will still display it at a maximum of 1200X800. So there is simply no reason to upload a large file size for the internet. (Note: 24 and 27-inch Macs have a standard resolution of 1900X1200 and 2560×1440, so high resolution images will be resized by your monitor even with those massive monitors).

Built-in Photocrati Option: Display Full Size vs Automatic Resizing of Images

With Photocrati Galleries, you have two options for image display. Go to Theme Options > Gallery Settings. The first setting concerns image resolution. If you set this to Full Resolution, Photocrati will display your images exactly as they are uploaded - no resizing. If you set this to Resized Images, Photocrati will display an automatically resized (generally smaller) version of the image that is optimized for speed. The resized images are reduced to a maximum of 960px wide. Both the full size and resized images are stored with your theme files, so you can switch back and forth whenever you want.

Please note that if you choose to resize images, the images go through a compression process that may have slight effects on image sharpness and color rendition.

This Post Has 30 Comments

  1. What size settings do you have in your Demo for….

    your gallery thumnails on the homepage?

    And what pagewidth?

    I really liked the style you have.

    ……..
    Also: Do you have a PSD file for the logo? We really like the effect on your Demo and wanted to do the colors, gradient, font, and reflection.

    Thanks!!! 🙂 You guys are great!

  2. What size settings do you have in your Demo for….

    your gallery thumnails on the homepage?

    And what pagewidth?

    I really liked the style you have.

    ……..
    Also: Do you have a PSD file for the logo? We really like the effect on your Demo and wanted to do the colors, gradient, font, and reflection.

    Thanks!!! 🙂 You guys are great!

  3. @kramerrachel –

    The settings we have for the thumbnails are 140×140. We do not have any .psd files available for the logo, but you may find a solution to creating your own by following the link provided by the user in this comment thread 🙂

  4. @kramerrachel –

    The settings we have for the thumbnails are 140×140. We do not have any .psd files available for the logo, but you may find a solution to creating your own by following the link provided by the user in this comment thread 🙂

  5. If we also want to be iPad friendly, should we upload at 960x at 132 to match the iPad’s relevant dpi?

  6. If we also want to be iPad friendly, should we upload at 960x at 132 to match the iPad’s relevant dpi?

  7. jason – keep your images at 72dpi. 132ppi is the IPad’s screen resolution.

  8. jason – keep your images at 72dpi. 132ppi is the IPad’s screen resolution.

  9. i want to have full control on my photos. i don’t want the theme to resize my images when i upload them to the gallery. How can i do this?

    1. pavlidis.pavlos, What size images are you uploading? Are they larger than 960px on a side? Mark – Photocrati Tech Support

  10. i want to have full control on my photos. i don’t want the theme to resize my images when i upload them to the gallery. How can i do this?

    1. pavlidis.pavlos, What size images are you uploading? Are they larger than 960px on a side? Mark – Photocrati Tech Support

  11. Hi:

    I have the same problem like pavlidis.pavlos….I upload images with 1200 px and when I saw the home page, the photo is cut by one side….what can I do?

    Thanks

  12. Hi:

    I have the same problem like pavlidis.pavlos….I upload images with 1200 px and when I saw the home page, the photo is cut by one side….what can I do?

    Thanks

  13. No they are smaller, 750px width, but when i see the gallery they are scaled down to 747px. I have already selected the option to use full size images on the gallery settings. So the problem is i can not blend correctly the gallery images with the background image i’m using.

  14. No they are smaller, 750px width, but when i see the gallery they are scaled down to 747px. I have already selected the option to use full size images on the gallery settings. So the problem is i can not blend correctly the gallery images with the background image i’m using.

  15. The gallery lightbox will consider the screen size for display of your images. Full resolution, will provide the full resolution, but will be constrained if the monitor or browser window is smaller. On much larger monitors the lightbox will display your image until it’s full pixel width if space allows.

    @pavlidis & @tonino – Could you provide a URL link so we may view this as well?

  16. The gallery lightbox will consider the screen size for display of your images. Full resolution, will provide the full resolution, but will be constrained if the monitor or browser window is smaller. On much larger monitors the lightbox will display your image until it’s full pixel width if space allows.

    @pavlidis & @tonino – Could you provide a URL link so we may view this as well?

  17. Yes sure. This is the url
    http://reframestudio.xtreemhost.com/awp/

    And these are the settings:
    gallery settings:
    Image Resolution -> Full Resolution
    Slideshow Gallery Options/Gallery Width ->750px

    Images uploaded at 750px 72dpi
    Monitor resolution: 1920×1080

    You can see that the actual image size is 750px x 500px but when displayed are scaled down to 747×498
    You can see a grey line from the background image around the photo.

    1. pavlidis.pavlos, That appears to be the edges of the background image reframe-home-slideshow-bg.png. Can you shrink the size of the gray square background so the egdes don’t show?

      Mark – Photocrati Tech Support

  18. Yes sure. This is the url
    http://reframestudio.xtreemhost.com/awp/

    And these are the settings:
    gallery settings:
    Image Resolution -> Full Resolution
    Slideshow Gallery Options/Gallery Width ->750px

    Images uploaded at 750px 72dpi
    Monitor resolution: 1920×1080

    You can see that the actual image size is 750px x 500px but when displayed are scaled down to 747×498
    You can see a grey line from the background image around the photo.

    1. pavlidis.pavlos, That appears to be the edges of the background image reframe-home-slideshow-bg.png. Can you shrink the size of the gray square background so the egdes don’t show?

      Mark – Photocrati Tech Support

  19. I have resized my images to 960 px width at 72 dpi using photoshop. My problem is that when I upload the image the quality is not the same on the site as the original. Example the reds are not as red on the website as they are on the original image.

    Any suggestions will be very helpful.

    1. jc_polo, There will always be (sometimes great) differences in what you see in Photoshop and what is on the web, due to differences in color profiles in PS, monitor settings and color profiles and the way web browsers render images. Try setting your export color profile in PS to RGB. But realize that you may not have full control; and you have no control over what other viewers have their monitors set to.

      Mark – Photocrati Tech Support

  20. I have resized my images to 960 px width at 72 dpi using photoshop. My problem is that when I upload the image the quality is not the same on the site as the original. Example the reds are not as red on the website as they are on the original image.

    Any suggestions will be very helpful.

    1. jc_polo, There will always be (sometimes great) differences in what you see in Photoshop and what is on the web, due to differences in color profiles in PS, monitor settings and color profiles and the way web browsers render images. Try setting your export color profile in PS to RGB. But realize that you may not have full control; and you have no control over what other viewers have their monitors set to.

      Mark – Photocrati Tech Support

  21. Of course i can resize the background image Mark but that is not the problem here. The size of the background grey square is exactly the same size the photos i upload (750×500 px).

    You realize that the script is scaling down the photos. That way i don’t control how the photos are displayed. I loose on quality and sharpness of the photos. That is the problem. Any help on this plz?

  22. Of course i can resize the background image Mark but that is not the problem here. The size of the background grey square is exactly the same size the photos i upload (750×500 px).

    You realize that the script is scaling down the photos. That way i don’t control how the photos are displayed. I loose on quality and sharpness of the photos. That is the problem. Any help on this plz?

  23. @pavlidis.pavlos,

    We have our v4.0 upgrade being released soon. We’re going over the final testing phases right now. Once you upgrade, let us know if the upgrade resolves this for you. 🙂

    Thanks.

  24. @pavlidis.pavlos,

    We have our v4.0 upgrade being released soon. We’re going over the final testing phases right now. Once you upgrade, let us know if the upgrade resolves this for you. 🙂

    Thanks.

Comments are closed.

Close Menu