Skip to content

RenderImage: Improve image render hook and lightbox integration#54

Draft
Gasiyu wants to merge 5 commits into
mainfrom
feature/9-renderimage-improve-image-render-hook-and-lightbox-integration
Draft

RenderImage: Improve image render hook and lightbox integration#54
Gasiyu wants to merge 5 commits into
mainfrom
feature/9-renderimage-improve-image-render-hook-and-lightbox-integration

Conversation

@Gasiyu
Copy link
Copy Markdown
Collaborator

@Gasiyu Gasiyu commented Jul 15, 2025

This pull request introduces image processing and rendering across multiple configuration files and templates. The changes aim to improve responsiveness, optimize image quality, and provide fallback formats for better compatibility. It also refines the logic for handling featured images, post thumbnails, and lightbox functionality.

  • Added new parameters in config.toml and docs/config.toml for responsive image sizes, resampling filters, fallback formats, and default image quality.

    [params.imgproc]
            enable = false
            # Default format for processed images
            format = "webp"
            # 0-100, image quality for compressed formats
            quality = 75
            # Image sizes for responsive images
            sizes = ["420", "789", "1019", "1430", "2048"]
            # Image resampling filter (Box, Lanczos, CatmullRom, MitchellNetravali, Linear, and NearestNeighbor)
            resamplingFilter = "Lanczos"
            # Default format for fallback images
            fallbackFormat = "jpg"
            # Default fallback image size
            fallbackSize = "789"
  • Updated layouts/_default/_markup/render-image.html to include logic for responsive image sizes, fallback formats, and lazy loading.

  • Enhanced layouts/_default/single.html to dynamically calculate image dimensions and generate responsive srcset attributes for featured images. Added support for lightbox integration.

  • Modified layouts/partials/post-card.html to include responsive image handling for post card thumbnails.

Gasiyu added 5 commits July 2, 2025 19:10
- add responsive image support with srcset and sizes attributes
- implement lightbox vendor configuration with fancybox and glightbox options
- include fallback image and optimize image quality with resizing
…d resizing

- add responsive image support with srcset and sizes attributes
- include fallback image handling
- use configurable parameters for sizes, quality, resampling filter, format, and fallback size
- optimize fallback and responsive image generation across image rendering templates
- update default config with new imgproc settings for flexibility
- implement responsive images with srcset, sizes, and fallback configuration
- enable configurable parameters for quality, format, resizing, and fallback settings
@Gasiyu Gasiyu linked an issue Jul 15, 2025 that may be closed by this pull request
6 tasks
@Gasiyu Gasiyu marked this pull request as draft December 9, 2025 12:25
Base automatically changed from dev to main January 8, 2026 10:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

RenderImage: Improve image render hook and lightbox integration

1 participant