Fancybox thumbnail sizes


Wondering if anyone has found an effective way to resize fancybox thumnail images in Surreal?

I’m currently using the method described in the docs:

data-thumbnail-width="400" data-thumnail-resize="best-fit"

But my thumbnails are much smaller and are grainy.


Resizing to best-fit will resize thumbnails to be no larger than the specified dimensions, but depending on the aspect ratio they could end up really small. You might want to use trim in that case.

Also, if things look grainy, try using 2X the thumbnail width, then specifying the desired height in your CSS. This will make thumbnails not appear blurry on high density displays.