In questo video parlo delle immagini, in particolare del Formato e delle Dimensioni.
Nel web si usano 3 formati, adesso 4 con l'introduzione di WebP.
Nello specifico ti spiego a cosa servono questi formati e che differenze hanno tra loro.
L'ideale sarebbe usare un formato WebP, ma spesso i browser vecchi non lo supportano,
quindi la cosa migliore sarebbe caricare un'immagine in jpeg o png e avere un plug-in di WordPress che crea il formato WebP, così che se il browser lo permette, l'immagine esce in WebP, in caso non lo supportasse, l'immagine rimane in jpeg o png.
• Formato svg:
è un formato vettoriale, molto leggero che non sgrana, quindi non ci sono problemi di risoluzione,
si usa per loghi e illustrazioni, quindi immagini disegnate su un programma come Illustrator.
• Formato jpg Vs Formato pgn
jpeg è leggero e ideale per le foto, mentre per loghi e illustrazioni si tendeva a usare png,
ma ora è molto meglio usare svg, perché come detto prima non sgrana nella risoluzione essendo vettoriale (al contrario di png).
Di solito si usa png e non svg, quando l'immagine in svg pesa molto perché è piena di dettagli, in questo caso è meglio usare png.
Un altro uso del formato png sono gli screenshot, perché rispetto a jpeg, le immagini sono più nette, hanno una qualità più alta e pesano meno.
Nel video ti mostro tutte le differenze di dimensione e risoluzione delle immagini, in base al loro formato corrispondente (convertendole da un formato all'altro).
Guarda il video per scoprire il formato e la dimensione giusta da usare per le immagini del tuo sito.
_________________________________
Link Utili:
• Ottimizzare immagini WordPress (guida completa) ➡️ • Ottimizzare immagini WordPress (guida comp...
• Ispeziona elemento nel browser ➡️ • Ispeziona elemento nel browser
00:00 Intro
00:21 Formato svg
05:16 Quando usare Jpg o Png
06:30 Plug-in ShowPixel
07:07 Dimensioni Immagini
17:31 Conclusione