Gallery: generate web-friendly thumbnails

HugoBlox / hugo-blox-builder

🚨 GROW YOUR AUDIENCE WITH HUGOBLOX! 🚀 HugoBlox is an easy, fast no-code website builder for researchers, entrepreneurs, data scientists, and developers. Build stunning sites in minutes. 适合研究人员、企业家、数据科学家和开发者的简单快速无代码网站构建器。用拖放功能、可定制模板和内置SEO工具快速创建精美网站！

https://hugoblox.com/templates/

MIT License

8.38k stars 2.91k forks source link

Gallery: generate web-friendly thumbnails #932

Closed mtbhomer closed 5 years ago

mtbhomer commented 5 years ago

Currently header image will be automatically resized by Hugo's resize functionality. Is it feasible to extend this functionality to images in the image gallery component?

gcushen commented 5 years ago

The image gallery feature already is responsive and mobile friendly...

You can see the responsive design by viewing the demo gallery on your mobile and on desktop: https://academic-demo.netlify.com/post/getting-started/

mtbhomer commented 5 years ago

Thanks for your response @gcushen, actually what I meant was that in the source files, before building my website, I would ideally like to store full size images and not bother too much with post-processing. Ideally, the gallery would resize the images to a web-friendly format (and then of course have the responsive behavior for the device specific sizes). Anyway, I understand current functionality is built the way it is. Thanks for all your work!

gcushen commented 5 years ago

Currently, the gallery expects images to be provided in a web-friendly format. I understand that you would like to generate web-friendly gallery thumbnails from high resolution images without using any third party software.

Based on your feedback, we have now implemented web-friendly thumbnail generation for gallery images which are bundled with a page. Clicking a gallery thumbnail will continue to load the full resolution image. Update Academic to the latest master version to pick up the change.