Recommendations for best product image sizes and effectively resizing them?

20 replies
  • ECOMMERCE
  • |
I'm working on my first e-commerce site.

Any recommendations for sizing product page images, and product category images?

Also does anyone have recommendations for tools to use to most effectively batch resize several images at once?

I appreciate the help.
#effectively #image #product #productimage #recommendations #resizing #sizes
  • Profile picture of the author Myra Fuller
    You can try iLoveIMG. You can resize multiple images at once.
    {{ DiscussionBoard.errors[11813306].message }}
    • Profile picture of the author wheelstb
      Thanks. It looks like it will be great for some types of resizing. I'll definitely use it for other projects. I have bookmarked it. I think it will be helpful. Thank you.

      But I was hoping to find something that would allow me to make multiple images the same size so that everything can be uniform. Perhaps I should've phrased my initial question differently.
      {{ DiscussionBoard.errors[11815041].message }}
      • Profile picture of the author Monetize
        Originally Posted by wheelstb View Post

        Thanks. It looks like it will be great for some types of resizing. I'll definitely use it for other projects. I have bookmarked it. I think it will be helpful. Thank you.

        But I was hoping to find something that would allow me to make multiple images the same size so that everything can be uniform. Perhaps I should've phrased my initial question differently.

        I use Canva for this. It is easy to resize images there.

        They also have a bulk resizing feature where you can
        change all your images at once, but that is a pro account
        function.

        It costs approx $15 per month.

        Having a Canva account is well worth it if you work with
        images and graphics on a regular basis, and you can
        cancel whenever you don't need it anymore.
        {{ DiscussionBoard.errors[11815051].message }}
  • Profile picture of the author Frank Donovan
    A search for bulk image resize tools returns these as the first two:

    https://imageresizer.com/bulk-resize

    https://bulkresizephotos.com/en
    Signature

    Ever lie awake worrying that you might be the only person who doesn't know what FOMO means?

    {{ DiscussionBoard.errors[11815043].message }}
  • Profile picture of the author wheelstb
    Thanks. That will definitely be helpful for doing this batch resizing.

    Now I'm wondering, how do I go about making the images look uniform?

    I've got dozens of product images from different vendors. Each vendor has their own image size, shape, background etc.

    I want to know what are the best approaches and tools to deal with these differences and make the product images on my website look as uniform as possible.
    {{ DiscussionBoard.errors[11815046].message }}
    • Profile picture of the author Frank Donovan
      Originally Posted by wheelstb View Post

      Now I'm wondering, how do I go about making the images look uniform?
      Why don't you simply specify the same image size for each when you're batch resizing?
      Signature

      Ever lie awake worrying that you might be the only person who doesn't know what FOMO means?

      {{ DiscussionBoard.errors[11815047].message }}
  • Profile picture of the author PlayBingo
    If you have Photoshop available, it's really easy to set up batch actions and resize your images into various folders. So you could set up an action, record yourself saving an optimised image into the folders you need at the size you need, stop the action and then go to Batch and point that action at a whole folder, and it runs it. I've used this method over the years, and it's saved days of work.
    {{ DiscussionBoard.errors[11815052].message }}
  • Profile picture of the author domainbrokerage
    Small size is better , but its depend on your audience type
    {{ DiscussionBoard.errors[11815053].message }}
  • Profile picture of the author godsepallavi17
    For Product Page Images use the below dimensions:
    • Optimal Dimensions: 800 x 800 px to 1200 x 1200 px.
    • Aspect Ratio: Maintain a 1:1 ratio (square) for consistency across all products.
    • File Size: Keep files under 200 KB to optimize website performance.

    For Category Page Images use the below dimensions:
    • Optimal Dimensions: 400 x 400 px to 600 x 600 px (slightly smaller than product images).
    • Aspect Ratio: Maintain the same aspect ratio as product images for a cohesive design.
    • File Size: Keep under 150 KB for faster loading.

    Always use JPEG or PNG or WebP formats.

    Ensure the images are responsive that is they should look clear on desktop as well as mobile.
    {{ DiscussionBoard.errors[11815158].message }}
  • Profile picture of the author damiendada
    Use formats like JPEG for photographs, as it offers a good compromise between quality and compression. PNG can be useful for images with transparent backgrounds, but it can be heavier.

    {{ DiscussionBoard.errors[11815239].message }}
  • Profile picture of the author Kosmalll
    For product images, I recommend using a size of 1200 x 1200 pixels for high quality without loss when scaling, and for category images, you can use 800 x 800 pixels. As for bulk resizing, good tools are Bulk Resize Photos or ImageResizer.com, which allow you to resize multiple images at once.
    {{ DiscussionBoard.errors[11815361].message }}
  • Profile picture of the author dexcowork
    For optimal product image sizes, use 1200x1200 pixels or larger for high resolution, ensuring clarity on all devices. Maintain an aspect ratio of 1:1 (square) for uniformity across platforms. Use tools like Adobe Photoshop, Canva, or free online resizers to resize images without losing quality. Save images in JPEG for smaller file sizes or PNG for transparent backgrounds. Compress images using tools like TinyPNG to reduce loading times. Always preview resized images to ensure they look sharp and professional, enhancing user experience.
    {{ DiscussionBoard.errors[11815584].message }}
  • Ain't shapeliness such a bitch?

    How to size up for the Caahsmaahs before you with intrinsically joosyprodoosy myootyoolstuffs?

    Thing is tho, mosta the PLEUTFORMS strikin' you out all sensayshnl as a NADDICT tellya all prussiso 'bout what you gotta do.

    Question is:

    You a freakin' idjit?
    Signature

    Lightin' fuses is for blowin' stuff togethah.

    {{ DiscussionBoard.errors[11815599].message }}
  • Profile picture of the author Fahri Baykal
    Banned
    For product images, 1000x1000px is great for quality, and 800x800px works well for category images.

    For batch resizing, I'd recommend Lightroom or TinyPNG (super easy to use).
    {{ DiscussionBoard.errors[11815757].message }}
  • Profile picture of the author Gravvy
    for bulk resizing try Redketchup
    {{ DiscussionBoard.errors[11816100].message }}
  • Profile picture of the author wheelstb
    These are great ideas. Exactly what I needed to know. I will definitely take advantage of some of the tools and tips on sizes and aspect ratios.
    {{ DiscussionBoard.errors[11816206].message }}
  • Profile picture of the author Amirah
    For product images, use 1200x1200 pixels for square and 1200x800 for landscape. For category images, 1920x1080 works well. For batch resizing, try Bulk Resize Photos or ImageResizer.com. If you prefer software, Photoshop and GIMP are excellent for batch resizing. Hope this helps!
    {{ DiscussionBoard.errors[11816223].message }}
  • Profile picture of the author suwaidi online
    For product page images, aim for a resolution of around 1000x1000 pixels to ensure high quality and fast loading. For category images, around 1500x1000 pixels is a good size to balance quality and load speed. Tools like Bulk Image Resizer, Adobe Photoshop, or GIMP are great for batch resizing. You can also consider online tools like TinyPNG to optimize image sizes without sacrificing quality.
    {{ DiscussionBoard.errors[11816351].message }}
  • i think you use this format WebP (modern format) is great for reducing file size while maintaining quality using tool
    {{ DiscussionBoard.errors[11816364].message }}
  • For optimal product display, use high-resolution images around 2000x2000 pixels to ensure clarity and adaptability across platforms.
    Effectively resize using tools like Photoshop or online resizers to maintain aspect ratio and compress files for faster load times without compromising quality.
    {{ DiscussionBoard.errors[11816674].message }}

Trending Topics