Sliding Gallery resizing images at 96dpi instead of 72dpi?

  • Problem
  • Updated 4 years ago
Sliding Gallery resizing images at 96dpi instead of 72dpi? I'm not sure if this is correct, my limited knowledge says 72 dpi is the norm for web, maybe there is a reason for having it at 96 dpi I'm probably am not aware of.

I attached the same image with different resolutions (1600x1000, 1600x1100, 1600x1200) and it seems for some reason only 1600x1000 is being displayed correctly while the other 2 aspect ratios are getting cut off by the sliding gallery ie. the actual image is not really getting cropped but it looks like it is.

here is a live example. If you save the images from the sliding gallery, they are all at 96dpi.

link

Thanks.
Photo of dominicqwekD

dominicqwek

  • 19 Posts
  • 0 Reply Likes
  • unsure

Posted 4 years ago

  • 1
Photo of Allan Cole

Allan Cole, Owner

  • 2047 Posts
  • 112 Reply Likes
The DPI doesn’t matter on the web. No matter what, your images are showing at 72dpi in the browser unless they are being shrunk to fit into a size defined by the code.

When you upload images to AF+, the theme automatically resizes them to work with the dimension of the theme. Depending on the height and width, the image may be getting cropped slightly to make it fit into the slider correctly.

Check the documentation for more specifics on image sizes:
http://fthrwght.com/autofocus/#docume...
Photo of dominicqwekD

dominicqwek

  • 19 Posts
  • 0 Reply Likes
Thanks for the clarification regarding dpi.

Have you looked at the link I posted? If you look at the third image, that image was uploaded at 1600x1200 so when resized it should be 800x600 in the slider. Shouldn't it be displayed properly if it is at this resolution? Right now, the bottom part is getting cropped off.
Photo of Allan Cole

Allan Cole, Owner

  • 2047 Posts
  • 112 Reply Likes
Yeah I checked the link, but I wasn‘t sure what was getting cropped initially.

Where are you getting the 800x600 sizing dimensions from? Some of my older documentation mentioned the 600px height but i’m no longer using that. The dimensions for the sliding area is 800px wide by 528px tall so you’ll need to adjust your math a bit.
Photo of Allan Cole

Allan Cole, Owner

  • 2047 Posts
  • 112 Reply Likes
Yes I checked the link, but it wasn‘t clear what was getting cut off initially.

Where are you getting the 800x600 sizing dimensions from? Some of my older documentation mentioned the 600px height but the theme no longer using that. The dimensions for the sliding area is 800px wide by 528px tall so you’ll just need to adjust your math a bit.
Photo of dominicqwekD

dominicqwek

  • 19 Posts
  • 0 Reply Likes
Under Autofocus+ Pro Post options, and under show sliding image gallery, there is a note that says,

"Show a sliding Gallery of attached images above the post title? (Limited to 10 images. IMPORTANT: All images must be at least 800px wide or 600px tall.)"

I assumed that if my resized image is 800x600 it should be displayed properly?

Thanks.
Photo of dominicqwekD

dominicqwek

  • 19 Posts
  • 0 Reply Likes
I just uploaded an image with portrait orientation to the same post and it's height is being resized to 600px.

When it is viewed in the sliding gallery, the top and bottom are getting cropped off due to the 528 px tall dimension you mentioned for the sliding area.

Am I missing something or is this intended for?

link
Photo of Allan Cole

Allan Cole, Owner

  • 2047 Posts
  • 112 Reply Likes
"Show a sliding Gallery of attached images above the post title? (Limited to 10 images. IMPORTANT: All images must be at least 800px wide or 600px tall.)"


Yeah, that’s incorrect. I’ll need to changing the wording there. Thanks for catching that.

I just uploaded an image with portrait orientation to the same post and it is being resized to 600px instead of 528px.


Ok that looks like another typo in the code where 600 needs to be changed to 528. I’ll sort that out in the next few days.

If you’d like your images to fit the box exactly, even after the code is fixed, you should size your images at exactly 800px by 528px.
Photo of dominicqwekD

dominicqwek

  • 19 Posts
  • 0 Reply Likes
Thanks a lot Allan.
Photo of Jonathan BiddleJB

Jonathan Biddle

  • 2 Posts
  • 0 Reply Likes
Allen, would it be better to pick a more common resolution of image than 800x528? ... I would have thought one that matches 16:9 or 4:3 would make life easier for sharing photos.
Photo of L. ELE

L. E

  • 14 Posts
  • 0 Reply Likes
Same problem for me !
I also have to resized all pictures and then re-download them.
It's time consuming, a standard picture format would be great like you said !
Photo of Allan Cole

Allan Cole, Owner

  • 2047 Posts
  • 112 Reply Likes
This will all be sorted out in AF+ version 2.0. Should be out in May. I’ve needed to rebuild some things from scratch to give you all more control over the theme. Please stay tuned...