Casa Social media Come creare immagini web-friendly - dummies

Come creare immagini web-friendly - dummies

Video: Come creare immagini con Canva 2025

Video: Come creare immagini con Canva 2025
Anonim

Puoi creare e salvare grafici in molti modi, ma solo alcuni formati sono effettivamente appropriati per le immagini che intendi utilizzare sul web. Mentre crei immagini web-friendly, devi prestare attenzione ai formati e alle dimensioni dei file.

Spesso, i formati di file grafici sono specifici per sistemi operativi o applicazioni software. Poiché non è possibile prevedere quale computer e software di un visitatore sarà (a parte il fatto che userà una sorta di browser Web), sono necessarie immagini che chiunque può visualizzare con qualsiasi browser. Ciò significa che è necessario utilizzare i formati di file multipiattaforma che gli utenti possono visualizzare con qualsiasi versione di Microsoft Windows, Mac OS o Linux.

Questi tre formati grafici compressi sono i migliori per uso generale sul Web:

  • Graphics Interchange Format (GIF): Le immagini salvate come GIF sono spesso più piccole di quelle salvate in altri formati di file. GIF supporta solo fino a 256 colori, quindi se provi a salvare un'immagine creata con milioni di colori come GIF, perdi la qualità dell'immagine. GIF è il formato migliore per immagini meno complesse e non fotografiche, come disegni al tratto, clip art o icone.

  • Joint Photographic Experts Group (JPEG): Il formato file JPEG supporta colori a 24 bit (milioni di colori) e immagini complesse, come le fotografie. JPEG è multipiattaforma e indipendente dall'applicazione. Un buon strumento di modifica delle immagini può aiutarti a modificare la compressione in modo da ottenere un equilibrio ottimale tra la qualità dell'immagine e le dimensioni del file.

  • Portable Network Graphics (PNG): PNG è l'ultimo formato di file di immagine multipiattaforma e indipendente dall'applicazione. È stato creato per combinare i migliori aspetti di GIF e JPEG. PNG ha la stessa compressione di GIF ma supporta il colore a 24 bit (e anche il colore a 32 bit) come fa JPEG.

Qualsiasi strumento di editing grafico valido consente di salvare le immagini in uno qualsiasi di questi formati. Sperimenta con loro per vedere come la conversione di un grafico da un formato all'altro cambia il suo aspetto e le dimensioni del file. Quindi scegli il formato che produce i risultati migliori.

La tabella mostra le linee guida per la scelta di un formato file per immagini per tipo.

Scelta del formato file corretto per un'immagine

Formato file Migliore utilizzato per Guarda fuori
GIF Line art, icone e immagini con pochi colori e meno

dettaglio

Non utilizzare questo formato se si dispone di un'immagine complessa o di

foto.

JPEG Foto o immagini con milioni di colori e molti

dettagli

Non utilizzare con disegni al tratto. Compromette la qualità quando

comprime il file.

PNG Foto o immagini con milioni di colori e molti

dettagli

Non utilizzare con disegni al tratto.Offre il miglior bilanciamento tra

qualità e dimensioni del file.

Ciascuno dei seguenti siti offre una panoramica completa dei formati grafici:

  • articolo "Grafica sul Web" di W3C

  • Quackit. Tutorial per la grafica Web di com

Man mano che costruisci la grafica per la tua pagina web, mantieni un sano equilibrio tra qualità del file e dimensioni del file. Se fai un giro con il tuo motore di ricerca preferito, puoi trovare buoni tutorial sul ritaglio delle dimensioni dei file di immagine e sull'ottimizzazione di interi siti per il download veloce. Per suggerimenti e trucchi che ti aiutano a creare pagine che scaricano rapidamente, consulta queste utili risorse:

  • Articolo Ottimizzazione immagini sul sito Web HTML Source

  • Ottimizzazione dell'esercitazione su Web Graphics all'ottimizzazione del sito.

Come creare immagini web-friendly - dummies

Scelta dell'editore

Suggerimenti per l'uso con Microsoft Publisher 2007 - dummies

Suggerimenti per l'uso con Microsoft Publisher 2007 - dummies

L'elenco seguente offre buoni consigli per la progettazione della pubblicazione stiamo usando Microsoft Publisher 2007 o qualche altro software di pubblicazione. Se ti stai prendendo il tempo di pubblicare qualsiasi cosa, dedica un po 'di tempo a leggere questi suggerimenti e ad utilizzarli: Progetta la tua pubblicazione per il pubblico giusto. Parla con la tua stampante all'inizio del progetto. Verifica con ...

Gestione del progetto con Office 365 Planner - dummies

Gestione del progetto con Office 365 Planner - dummies

Quando le esigenze di collaborazione del progetto richiedono il tracciamento formale delle attività oltre ai documenti, casella di posta, calendario, blocco appunti del progetto e conversazioni, Office 365 Planner è lo strumento migliore per te. Planner è una soluzione di gestione visiva del progetto che consente di creare e assegnare (o riassegnare) attività e tenere traccia dell'avanzamento da un livello individuale in Le mie attività ...

Pianificazione Viste del progetto 2013 - dummies

Pianificazione Viste del progetto 2013 - dummies

Il file creato in Project 2013 è un programma del progetto, ha una pletora di dati su vari aspetti del progetto e rappresentazioni grafiche di tali informazioni. Per aiutarti a dare un senso a tutte le informazioni, Project offre più viste rispetto al Grand Canyon. Queste viste ti aiutano ad osservare la struttura ...

Scelta dell'editore

Infografica: rapporto staff e business - manichini

Infografica: rapporto staff e business - manichini

Tutti i processi intelligenti del mondo non saranno di grande aiuto in infografica se non si dispone degli strumenti adeguati per trarne vantaggio. Oltre ai tuoi strumenti tecnologici, ecco cosa dovresti prendere in considerazione quando assicurati che il tuo personale e le relazioni commerciali siano in buone condizioni. Raccogli un infografica ...

Tasti di scelta rapida per Tableau - dummies

Tasti di scelta rapida per Tableau - dummies

Semplificano l'esperienza di Tableau con l'aiuto delle scorciatoie da tastiera. Queste scorciatoie possono aiutarti a velocizzare il lavoro dei tuoi dati, sfruttando al massimo i tuoi grafici. Descrizione Tasti di scelta rapida Windows Mac Nuovo foglio di lavoro Ctrl + M Comando-T Nuova cartella di lavoro Ctrl + N Comando-N Annulla Ctrl + Z Comando-Z Ripristina Ctrl + Y Comando-Maiusc-Z Cancella il foglio di lavoro corrente Alt + Maiusc + Backspace Opzione-Maiusc- Elimina Descrizione foglio ...

Infografica: ridimensionamento tra Illustrator e Photoshop - dummies

Infografica: ridimensionamento tra Illustrator e Photoshop - dummies

Se si utilizza Illustrator e Photoshop per creare infografiche , probabilmente inizierai a trovare le somiglianze confortanti. I concetti alla base della maggior parte delle azioni sono gli stessi. "Ridimensionamento", tuttavia, è un'area in cui le differenze essenziali dei programmi si manifestano davvero. Photoshop è un software bitmap o basato su pixel. Ogni pixel in queste immagini raster può essere modificato ...

Scelta dell'editore

Inizia in Word con Dragon NaturallySpeaking - dummies

Inizia in Word con Dragon NaturallySpeaking - dummies

Se hai utilizzato NaturallySpeaking anche per un breve periodo di tempo , sai che ci sono molti modi diversi per realizzare la stessa cosa. Dai un'occhiata a tutti i modi in cui puoi lavorare in Word o WordPerfect per un'esperienza semplice e senza complicazioni. Al momento in cui scrivo Word 2003, Word 2007, Word ...

Ottenendo risultati errati con NaturallySpeaking? - dummies

Ottenendo risultati errati con NaturallySpeaking? - dummies

Se NaturallySpeaking non funziona correttamente quando si dettano, si verificano i cosiddetti errori di riconoscimento o problemi di precisione. Ora, non ti senti meglio, avendo una diagnosi ufficiale del tuo problema? No? Così tante cose diverse possono influenzare la precisione. Se cercarli uno dopo l'altro suona troppo faticoso, prova il seguente pronto soccorso: Assicurati che ...

Vai al Capo della Linea in NaturallySpeaking - manichini

Vai al Capo della Linea in NaturallySpeaking - manichini

Come dire al tuo tassista di andare a Alla fine di una strada, puoi dire a NaturallySpeaking di andare all'inizio o alla fine del documento, il paragrafo corrente, la riga corrente o qualunque blocco di testo sia selezionato. (La linea o il paragrafo corrente è la linea o il paragrafo in cui ora si trova il cursore.) La destinazione più semplice ...