skills.rest
IgorVaryvoda
IgorVaryvodaCOMMUNITY
Explore all skills by this author →
Website𝕏@igorvaryvodaGitHub

sirv-dynamic-imaging

Compose and validate Sirv-compatible URLs for dynamic image resizing, cropping, overlays, and format conversion.

Updated Jan 24, 2026
Search Tags:#URL-parameters#image-optimization#watermark#format-conversion#dynamic-imaging#cropping#sirv
One-click install
npx skills add https://github.com/IgorVaryvoda/image-optimization-skill --skill sirv-dynamic-imaging
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sirv-dynamic-imaging
Source: https://github.com/IgorVaryvoda/image-optimization-skill/tree/main/skills/sirv-dynamic-imaging
Command: npx skills add https://github.com/IgorVaryvoda/image-optimization-skill --skill sirv-dynamic-imaging

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps you deliver optimized images by constructing Sirv-compatible URLs that apply resizing, cropping, text overlays, watermarks, and format conversion on the fly, enabling consistent visuals without manual edits.

Core Features & Use Cases

  • Sizing & Cropping: width/height, aspect control, and scale options for responsive images.
  • Text & Watermarks: overlays and logo stamping for branding at runtime.
  • Format & Quality: automatic WebP/AVIF fallback with quality control and progressive loading.
  • Use Case: generate a 800px-wide WebP image with a bottom-right watermark for product thumbnails in an e-commerce gallery.

Quick Start

Use a sample Sirv URL: https://yourcdn.sirv.com/path/image.jpg?w=800&format=webp&q=80

Frequently Asked Questions about sirv-dynamic-imaging

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I resize and crop images on the fly using URL parameters?▼

Dynamic image resizing via URL parameters allows you to apply width, height, and scale options directly to an image link, generating optimized responsive images on demand without server-side processing.

How do I add a watermark to an image through a URL?▼

You can apply text overlays and watermark stamping at runtime by appending specific URL parameters to your image source, enabling consistent branding across web storefronts and editorial sites without manual edits.

Can I convert images to WebP or AVIF format dynamically?▼

Format conversion to WebP or AVIF is supported dynamically by appending format parameters to the URL, allowing automatic fallback and quality control for progressive loading directly in the browser.

Does dynamic imaging with URL parameters work for e-commerce galleries?▼

Dynamic imaging is ideal for e-commerce galleries, enabling you to generate product thumbnails and consistent visuals on demand by composing URLs with size and watermark options.

What is dynamic imaging and when do I need it for web storefronts?▼

Dynamic imaging is the process of manipulating images on demand via URL parameters. You need it for web storefronts and apps to deliver optimized visuals without manual edits or server-side processing.

Related Skills

Explore More Design & Creative Skills→
ovachieverovachiever
52

vercel-blob

Store and serve user-uploaded files via Vercel Blob in Next.js applications.

Community
Advanced
IgorVaryvodaIgorVaryvoda

sirv-ai-studio

Orchestrate Sirv AI Studio image and video tasks via MCP endpoints.

Community
Advanced
WesleySmitsWesleySmits
6

optimizing-images

Convert images to WebP and AVIF formats with responsive srcset generation.

Community
Advanced
pacphipacphi
14

imagemagick

Automate image format conversion, resizing, and batch processing via ImageMagick MCP.

Community
Advanced