·image-optimization
</>

image-optimization

✓
igorvaryvoda/image-optimization-skillGitHub: igorvaryvoda/image-optimization-skillFonte: igorvaryvoda/image-optimization-skill

Guida di esperti sull'ottimizzazione delle immagini per le prestazioni web. Da utilizzare quando si lavora con formati di immagine (WebP, AVIF, JPEG, PNG, GIF, SVG, HEIC, JPEG XL), impostazioni di compressione, immagini reattive, caricamento lento, CDN, Core Web Vitals o qualsiasi attività di sviluppo Web correlata alle immagini. Copre la selezione del formato, le impostazioni di qualità, srcset/dimensioni, elemento immagine, direzione artistica, fetchpriority, strategie segnaposto (LQIP, blur-up, blurhash), query contenitore, HDR/ampia gamma di colori, strumenti di immagine basati sull'intelligenza artificiale, elaborazione edge/serverless e ottimizzazione delle prestazioni.

igorvaryvoda·image·optimization
9Installazioni·1Tendenza·@igorvaryvoda

Installazione

GitHub: igorvaryvoda/image-optimization-skill
$npx skills add https://github.com/igorvaryvoda/image-optimization-skill --skill image-optimization

Come installare image-optimization

Installa rapidamente la skill AI image-optimization nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/igorvaryvoda/image-optimization-skill --skill image-optimization
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: igorvaryvoda/image-optimization-skill.

SKILL.md

Visualizza raw

| Photos | AVIF | WebP → JPEG | | Graphics/logos with transparency | SVG | WebP → PNG | | Photos with transparency | WebP | PNG | | Animations | WebP | GIF (or MP4 for long animations) | | Icons | SVG | WebP → PNG | | Screenshots | WebP | PNG |

| JPEG | 75-85 | 80 is sweet spot for photos | | WebP | 75-85 | More efficient than JPEG at same quality | | AVIF | 60-75 | Much more efficient, use lower numbers | | PNG | N/A | Lossless, optimize with tools like oxipng |

Standard widths: 320, 480, 768, 1024, 1366, 1600, 1920, 2560

Guida di esperti sull'ottimizzazione delle immagini per le prestazioni web. Da utilizzare quando si lavora con formati di immagine (WebP, AVIF, JPEG, PNG, GIF, SVG, HEIC, JPEG XL), impostazioni di compressione, immagini reattive, caricamento lento, CDN, Core Web Vitals o qualsiasi attività di sviluppo Web correlata alle immagini. Copre la selezione del formato, le impostazioni di qualità, srcset/dimensioni, elemento immagine, direzione artistica, fetchpriority, strategie segnaposto (LQIP, blur-up, blurhash), query contenitore, HDR/ampia gamma di colori, strumenti di immagine basati sull'intelligenza artificiale, elaborazione edge/serverless e ottimizzazione delle prestazioni. Fonte: igorvaryvoda/image-optimization-skill.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/igorvaryvoda/image-optimization-skill --skill image-optimization
Fonte
igorvaryvoda/image-optimization-skill
Categoria
</>Sviluppo
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/igorvaryvoda/image-optimization-skill/image-optimization

Browse more skills from igorvaryvoda/image-optimization-skill

Risposte rapide

Che cos'è image-optimization?

Guida di esperti sull'ottimizzazione delle immagini per le prestazioni web. Da utilizzare quando si lavora con formati di immagine (WebP, AVIF, JPEG, PNG, GIF, SVG, HEIC, JPEG XL), impostazioni di compressione, immagini reattive, caricamento lento, CDN, Core Web Vitals o qualsiasi attività di sviluppo Web correlata alle immagini. Copre la selezione del formato, le impostazioni di qualità, srcset/dimensioni, elemento immagine, direzione artistica, fetchpriority, strategie segnaposto (LQIP, blur-up, blurhash), query contenitore, HDR/ampia gamma di colori, strumenti di immagine basati sull'intelligenza artificiale, elaborazione edge/serverless e ottimizzazione delle prestazioni. Fonte: igorvaryvoda/image-optimization-skill.

Come installo image-optimization?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/igorvaryvoda/image-optimization-skill --skill image-optimization Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/igorvaryvoda/image-optimization-skill

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-02-01

Skills correlate

sirv-ai-studio
8 Installazioni
sirv-api
8 Installazioni
sirv-dynamic-imaging
8 Installazioni