Sommario<\/p>\nToggle<\/span>

Requisiti delle immagini<\/a><\/li>
Come ottimizzare le immagini<\/a><\/li>
Rinominare le immagini<\/a><\/li>
Immagini e sicurezza<\/a>
- Exif<\/a><\/li>
- File audio<\/a><\/li>
- Sanno tutto di noi<\/a><\/li><\/ul><\/li>
- Ridimensionare<\/a>
  - Strumenti online per l’editing<\/a><\/li><\/ul><\/li>
  - Compressione<\/a>
    - Strumenti di compressione<\/a><\/li><\/ul><\/li>
    - Testo alternativo<\/a>
      - Come scrivere il testo ALT<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n
        Da una breve analisi dello spazio utilizzato sul server di istituto, si evidenzia che l’85% delle risorse \u00e8 utilizzato dalle immagini, circa il 10% da altri file di cui i pi\u00f9 pesanti in termini di utilizzo sono i PDF. I pochi byte rimanenti sono le informazioni testuali, i dati e le notizie cercate dagli utenti.<\/p>\n\n\n\n
        \u00c8 evidente che le immagini se non ottimizzate contribuiscono all’esaurimento delle risorse e alla pesantezza di siti e blog.<\/p>\n\n\n\n
        Ed \u00e8 per questo che sono ancora qui a scrivere sull’ottimizzazione delle immagini. Ottimizzare le immagini non \u00e8 una faccenda da trascurare e non bisogna pensare “ma chi vuoi che se ne accorga se non ottimizzo le immagini?”<\/em><\/p>\n\n\n\n
        \u00c8 vero se non ottimizzi le immagini, se ne accorgerebbe solo un occhio esperto o qualcuno particolarmente interessato al consumo di banda. Ma alzi una mano chi non si \u00e8 trovato davanti ad una pagina dal caricamento infinito. Forse la colpa di quella lentezza erano le immagini, troppe e\/o non ottimizzate.<\/p>\n\n\n\n
        L’ottimizzazione porta via tempo e non la fai per te. Le immagini si migliorano per un senso di responsabilit\u00e0 verso l’utente che ignaro di come gestisci il tuo blog, si fida, e spera di non dover scaricare un’immagine di 3 o pi\u00f9 Mb, quando le stesse informazioni visive possono essere date con una decina di Kb.<\/p>\n\n\n\n
        Per fortuna questo non \u00e8 il caso della Community Prever, dove le immagini sono ottimizzate prima di essere caricate o vengono editate con gli strumenti di WordPress<\/a>.<\/p>\n\n\n\n
        Chi ha un ruolo di autore e pu\u00f2 pubblicare immagini, deve conoscere queste necessit\u00e0 e sentirsi responsabile di quanto la sue azioni, rispetto ad ottimizzazione e copyright, influiscono su prestazioni ed etica.<\/p>\n\n\n\n
        <\/span>Requisiti delle immagini<\/span><\/h2>\n\n\n\n
        Come detto in altri articoli, le immagini devono avere queste caratteristiche:<\/p>\n\n\n\n
        libere dai diritti d’autore<\/li>
        appropriate al contenuto<\/li>
        ottimizzate<\/li><\/ul>\n\n\n\n
        <\/span>Come ottimizzare le immagini<\/span><\/h2>\n\n\n\n
        I passi da compiere per ottimizzare le immagini sono pochi:<\/p>\n\n\n\n
        rinominare<\/li>
        ridimensionare<\/li>
        comprimere<\/li><\/ol>\n\n\n\n
        <\/span>Rinominare le immagini<\/span><\/h2>\n\n\n\n
        Cosa comunicano sulla natura dell’immagine quei nomi di file fatti di sigle e numeri? Niente.
        Bisogna cambiare il nome del file, e dare all’immagine un nome che abbia un significato e ne descriva il contenuto.<\/p>\n\n\n\n
        Rinominare le immagini \u00e8 il primo passo dell’ottimizzazione. \u00c8 utile in ottica SEO, ma serve anche a far capire di cosa stiamo parlando.<\/p>\n\n\n\n
        Rinominare un’immagine \u00e8 facile, non servono strumenti particolari. \u00c8 sufficiente fare click destro sul nome del file, selezionare rinomina<\/em> e digitare un nome significativo.<\/p>\n\n\n\n
        Scrivi un nome non troppo lungo che descriva la natura dell’immagine<\/li>
        evita eccessi di sigle e numeri<\/li>
        non lasciare spazi tra le parole ma separale con un trattino medio<\/li>
        usa solo lettere minuscole.<\/li><\/ol>\n\n\n\n
        <\/span>Immagini e sicurezza<\/span><\/h2>\n\n\n\n
        <\/span>Exif<\/span><\/h3>\n\n\n\n
        Se le immagini che vuoi pubblicare le hai scattate con il tuo smartphone o fotocamera digitale, bisogna fare particolare attenzione ai dati personali che l’immagine porta con s\u00e8 e che potrebbero tradire la tua privacy e quella delle persone ritratte.<\/p>\n\n\n\n
        Questi metadati, vale a dire dati che contengono altri dati, possono essere utilizzati per tracciare abitudini, luoghi o persone che frequenti. Uno degli standard pi\u00f9 diffusi per questa operazione \u00e8 exif<\/strong> (e<\/em>xchangeable image file format<\/em>). Per proteggere la propria privacy, \u00e8 molto importante eliminare dalle proprie immagini questi metadati.<\/p>\n\n\n\n
        Per conoscere e gestire i metadati dalle proprie immagini, consiglio queste app:<\/p>\n\n\n\n
        iOS<\/a>,<\/li>
        Android<\/a><\/li>
        Windows Phone<\/a><\/li><\/ul>\n\n\n\n
        Alcuni consigli sul rispetto della propria privacy per le foto pubblicate online<\/a>.<\/p>\n\n\n\n
        In ambiente Windows, una grossa mano alla cancellazione dei dati personali lo d\u00e0 il sistema. \u00c8 sufficiente fare click destro sul nome del file, selezionare Propriet\u00e0 <\/em>e poi Dettagli<\/em>. Da questa finestra si pu\u00f2 creare una copia del file privato da tutte le informazioni personali, oppure si possono selezionare quali informazioni eliminare.<\/p>\n\n\n\n
        Alcuni strumenti utili per rimuovere i dati personali dalle immagini in ambiente Windows sono:<\/p>\n\n\n\n
        JPEG & PNG Stripper<\/a><\/li>
        Metanull<\/a><\/li>
        MetaStripper<\/a> un software per cancellare le coordinate GPS e i metadati in formato EXIF, COM, IPTC dai file JPEG<\/li><\/ul>\n\n\n\n
        Per i sistemi OS segnalo:<\/p>\n\n\n\n
        ImageOption<\/a>.<\/li><\/ul>\n\n\n\n
        <\/span>File audio<\/span><\/h3>\n\n\n\n
        Anche i file audio si portano dietro moltissime informazioni sull’autore, durata e titolo della traccia, album e anno di incisione e molte altre. Per eliminare queste informazioni si pu\u00f2 utilizzare un software come ID3Kill<\/a>.<\/p>\n\n\n\n
        Un ottimo programma free<\/em> per variare gli attributi di una cartella o di un file \u00e8 Attribute Changer<\/a>. Una volta installato si accede alle sue funzioni facendo click destro sull’oggetto di cui vogliamo cambiare gli attributi.<\/p>\n\n\n\n
        Questo programma \u00e8 molto utile per cambiare o cancellare dati sensibili dai documenti che si vogliono spedire come allegati via email.<\/p>\n\n\n\n
        <\/span>Sanno tutto di noi<\/span><\/h3>\n\n\n\n
        Nell’era digitale proteggere la propria esistenza e quella di chi ci sta vicino, \u00e8 sempre pi\u00f9 difficile. \u00c8 utile conoscere questi problemi e per questo ti consiglio di leggere Cos\u00ec il tuo smartphone sa tutto di te, e del tuo futuro<\/a>. un articolo de LA Stampa che fa capire perch\u00e9 bisogna fare molta attenzione quando si condividono informazioni in Internet ma soprattutto d\u00e0 un’idea di quante informazioni sono raccolte anche a nostra insaputa.<\/p>\n\n\n\n
        <\/span>Ridimensionare<\/span><\/h2>\n\n\n\n
        Il ridimensionamento richiede uno strumento di editing grafico. Potrebbe essere Paint sui sistemi Windows.<\/p>\n\n\n\n
        Il problema nell’ottimizzazione \u00e8 non avere strumenti di editing appropriati, installati nel proprio computer.<\/p>\n\n\n\n
        <\/span>Strumenti online per l’editing<\/span><\/h3>\n\n\n\n
        Per fortuna la Rete ci viene in soccorso con alcuni programmi online. Alcuni sono servizi online, altri sono programmi che mettono a disposizione delle funzioni gratuite, mentre altre sono per le versioni a pagamento.<\/p>\n\n\n\n
        Per i nostri lavori le funzioni gratuite sono pi\u00f9 che sufficienti. Le ho provate e le elenco nell’ordine delle mie preferenze, che potrebbero essere diverse dalle tue. Perci\u00f2 prova le varie soluzioni e poi scegli la pi\u00f9 adatta al tuo metodo di lavoro.<\/p>\n\n\n\n
        \n
        Befunky.com<\/a><\/dt>\n
        Una soluzione completa. Nelle sue funzioni base offre pi\u00f9 di quello che ci serve.<\/dd>\n
        Resizemyimg<\/a><\/dt>\n
        Dopo la segnalazione attraverso il commento a questo articolo, ho provato questo editor, facile ed intuitivo da utilizzare. Resizemyimg \u00e8 un editor molto utile per ridimensionare, ruotare, convertire e ritagliare le immagini. Dopo aver caricato l’immagine con il consueto metodo, si impostano le varie opzioni, infine, si clicca il pulsante download e l’immagine viene scaricata sul computer con le impostazioni definite.<\/dd>\n
        Resizeimage.net<\/a><\/dt>\n
        Dopo aver caricato un’immagine puoi ritagliarla, ruotarla, ridimensionarla, inserire un colore di sfondo, cambiare il formato file, ottimizzarne la qualit\u00e0 e comprimerla. \u00c8 possibile anche trasformare un PDF in jpg e creare immagini gif animate.<\/dd>\n
        Croppola<\/a><\/dt>\n
        Molto semplice ed intuitivo. Fa quello che dice, ovvero, ritaglia l’immagine. Consente anche di ridimensionare l’immagine. Chi trova l’icona con il comando per ridimensionare vince un premio \ud83d\ude42
        Scherzo, ma l’icona \u00e8 cos\u00ec piccola e senza etichetta descrittiva, che pi\u00f9 che vederla la si intuisce.<\/dd>\n
        iloveimg<\/a><\/dt>\n
        Una soluzione completa online per: comprimere, ritagliare ridimensionare e convertire le immagini.<\/dd>\n<\/dl>\n\n\n\n
        <\/span>Compressione<\/span><\/h2>\n\n\n\n
        A cosa serve la compressione? La compressione serve per diminuire il peso dell’immagine. Se un’immagine pesa 50kb pu\u00f2 darsi che dopo la sua compressione possa pesare anche il 70\/80% in meno.
        Come funziona la compressione<\/a>
        La compressione ha tre obiettivi:<\/p>\n\n\n\n
        risparmiare i costi di banda<\/li>
        velocizzare il caricamento delle pagine<\/li>
        risparmiare spazio sul server<\/li><\/ul>\n\n\n\n
        <\/span>Strumenti di compressione<\/span><\/h3>\n\n\n\n
        Quando in WordPress viene caricata un’immaine Jpeg, queta \u00e8 automaticamente compressa al 90% della sua qualit\u00e0. In WordPress 4.5 la compressione \u00e8 ulteriormente aumentata ed arriva all’82%. Questo \u00e8 utile per aumentare le prestazioni del sito per gli utenti di dispositivi mobili.<\/p>\n\n\n\n
        Questo per\u00f2 non \u00e8 sufficiente se si vuole utilizzare una compressione maggiore. Inoltre, la compressione predefinita esclude tutte le immagini non Jpeg. A questo punto si deve ricorrere ad altri strumenti.<\/p>\n\n\n\n
        Ho gi\u00e0 scritto di tinypng<\/a> servizio online molto intuitivo per la compressione delle immagini, elenco anche Compressjpg<\/a> per la compressione di file Jpeg, Png e anche pdf.<\/p>\n\n\n\n
        Nel network Community Prever non \u00e8 pi\u00f9 necessario utilizzare questi servizi online per la compressione delle immagini, prima di caricarle.<\/p>\n\n\n\n
        Da alcuni giorni \u00e8 installato sul network il plugin di Tinypng<\/a> che consente la riduzione del peso dell’immagine al momento del suo upload. Funziona cos\u00ec.<\/p>\n\n\n\n
        Dopo aver caricato l’immagine nel sito WordPress, questa \u00e8 caricata sul servizio TinyPNG o TinyJPG. L’immagine \u00e8 analizzata e ottimizzata. Il risultato \u00e8 inviato al tuo sito WordPress e sostituisce l’immagine originale con quella compressa pi\u00f9 piccola. Tutto questo il programma lo fa in automatico senza che si debba fare nulla.<\/p>\n\n\n\n
        In media le immagini Jpeg sono compresse dal 40 al 60% e le immagini Png dal 50 all’80% senza una visibile perdita di qualit\u00e0.
        In questo modo il nostro sito si carica pi\u00f9 velocemente, si risparmia spazio sul server e il costo di banda per l’utente \u00e8 inferiore.<\/p>\n\n\n\n
        Il plugin offre questo servizio gratuito per un centinaio di immagini al mese per ogni sito. Se si caricano immagini oltre questo numero otteniamo un messaggio d’errore di limite upload raggiunto. Se cos\u00ec fosse ci tocca tornare al vecchio sistema manuale. Comprimere l’immagine prima di caricarla sul sito.<\/p>\n\n\n\n
        Io per buona abitudine comprimo sempre le mie immagini prima di inserirle in un articolo.<\/p>\n\n\n\n
        <\/span>Testo alternativo<\/span><\/h2>\n\n\n\n
        Il testo alternativo \u00e8 il primo passo verso l’accessibilit\u00e0 e un Web pi\u00f9 etico e ricco di contenuto. Il testo ALT \u00e8 letto dallo screen reader o da altro dispositivo di supporto per non vedenti o ipovedenti ed ha come unico scopo la descrizione dell’immagine. Per questo il testo ALT deve essere breve. Una descrizione pi\u00f9 lunga pu\u00f2 essere inserita nel campo “descrizione”.<\/p>\n\n\n\n
        Non dobbiamo mai dimenticare di inserire un testo ALT.<\/p>\n\n\n\n
        In WordPress il testo ALT pu\u00f2 essere inserito in due momenti:<\/p>\n\n\n\n
        quando si carica l’immagine<\/li>
        dopo aver inserito l’immagine con gli strumenti messi a disposizione con Modifica Immagine<\/li><\/ol>\n\n\n\n
        $\"WordPress$ <\/figure><\/div>\n\n\n\n
        <\/span>Come scrivere il testo ALT<\/span><\/h3>\n\n\n\n
        Il testo ALT ha lo scopo di dare una breve descrizione di cosa rappresenta l’immagine.
        Non si devono descrivere colori, paesaggi oggetti. Per questo c’\u0117 il campo Descrizione<\/em>.<\/p>\n\n\n\n
        Per esempio, se devo inserire il Testo ALT per l”immagine della Gioconda<\/a> potrei scrivere: Donna del Rinascimento con sorriso enigmatico<\/em>.<\/p>\n\n\n\n
        Se l’immagine contiene testo, questo dovrebbe essere ripetuto nell’attributo ALT parola per parola.<\/p>\n\n\n\n
        Anche i testi dei loghi sono inseriti nel Testo ALT.<\/p>\n\n\n\n
        Un’altro metodo per inserire o cambiare il testo ALT o altri attributi dell’immagine \u00e8 ricorrere agli strumenti messi a disposizione dalla funzione Modifica immagine. Puoi leggere una dettagliata descrizione di questo nell’articolo Strumenti di WordPress per le immagini<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"
        Ottimizzare le immagini non \u00e8 una faccenda da trascurare e non bisogna pensare “ma chi vuoi che se ne accorga se non ottimizzo le immagini?”<\/p>\n","protected":false},"author":2,"featured_media":53332,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[1319],"tags":[7,963,713],"class_list":["post-53810","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-supporto","tag-immagini","tag-ottimizzare","tag-sicurezza"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/posts\/53810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/comments?post=53810"}],"version-history":[{"count":0,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/posts\/53810\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/media\/53332"}],"wp:attachment":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/media?parent=53810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/categories?post=53810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/tags?post=53810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}