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

Ottimizzare prima o dopo<\/a>
- Una piccola variabile<\/a><\/li><\/ul><\/li>
- Ritagliare le immagini nella Libreria Media<\/a>
  - Ridimensionare l’immagine<\/a><\/li>
  - Ritagliare l’immagine<\/a><\/li>
  - Rapporto di dimensioni<\/a><\/li>
  - Impostazioni di miniatura<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n
    Aggiornato: 4 dicembre 2021<\/p>\n\n\n\n
    Ottimizzare le immagini per il WEB \u00e8 un aspetto importante, e non deve essere trascurato se si vogliono creare pagine snelle e veloci.<\/p>\n\n\n\n
    Di questo si \u00e8 gi\u00e0 parlato nell’articolo\u00a0 immagini per il web<\/a>\u00a0dove vengono descritte le fasi per ottimizzare le immagini e altri aspetti importanti per una corretta gestione delle stesse con l’uso del programma Paint, uno strumento di grafica non professionale ma sufficiente per questi semplici lavori di fotoritocco e installato nei sistemi Windows. <\/p>\n\n\n\n
    Il suo fratello per Mac \u00e8 MacPaint X, questo programma gratuito lo puoi scaricare sul sito MacPaint\u00a0<\/a> oppure puoi scaricare Paintbrush<\/a>, sempre un programma gratuito, fotocopia del Paint di Windows.<\/p>\n\n\n\n
    A volte per\u00f2 si ha la necessit\u00e0 di modificare immagini gi\u00e0 caricate con delle piccole variazioni di dimensione o con piccoli ritagli per adattare l’immagine alle dimensioni previste dal tema grafico<\/a> installato.<\/p>\n\n\n\n
    Per questo motivo descrivo come procedere al ritaglio e al ridimensionamento delle immagini, utilizzando gli strumenti messi a disposizione dal CMS (Content Management System), dopo che queste sono state caricate sul server e si trovano nel database di WordPress, all’interno della libreria media.<\/p>\n\n\n\n
    In questo modo si riesce a:<\/p>\n\n\n\n
    - conoscere gli strumenti messi a disposizione dal CMS;<\/li>
    - fare piccole modifiche di ridimensionamento o ritaglio dopo l’inserimento nell’articolo o pagina;<\/li>
    - modificare immagini che non richiedono interventi grafici di correzione sui colori, luce, contrasto effetti, ecc.<\/li><\/ul>\n\n\n\n
      <\/span>Ottimizzare prima o dopo<\/span><\/h2>\n\n\n\n
      Anche se WordPress ha strumenti adatti al ridimensionamento e al ritaglio delle immagini, \u00e8 preferibile che queste siano caricate sul server gi\u00e0 pronte; questo significa che ritaglio, ridimensionamento e compressione, devono essere fatti prima <\/strong>che le immagini siano caricate sul server e inserite nell’articolo o pagina che state scrivendo.<\/p>\n\n\n\n
      Ottimizzare le immagini prima che siano caricate sul server e inserite in un articolo o in una pagina, \u00e8 una pratica che deve essere osservata scrupolosamente anche per questi motivi:<\/p>\n\n\n\n
      non si corre il rischio di dimenticare questi importanti passaggi;<\/li>
      in WordPress la compressione non \u00e8 prevista come azione predefinita.<\/li><\/ul>\n\n\n\nPer quanto riguarda la compressione delle immagini, bisogna rilevare che WordPress non ha una funzione nativa di compressione, e per farla bisogna installare plugin<\/a> specifici che per\u00f2 danno il meglio delle loro capacit\u00e0 nelle versioni premium, <\/em>vale a dire a pagamento. Nelle versioni free, <\/em>gratuite, la compressione pu\u00f2 arrivare a circa il 15%, sempre meglio che niente. Nel network Community Prever \u00e8 attiva la versione gratuita dell’ottimo plugin TinyPNG<\/a>.<\/p>\n\n\n\n
      Questo programma \u00e8 configurato per svolgere il suo silenzioso lavoro di compressione in modo automatico in tutti i siti del network, cos\u00ec, quando un’immagine viene caricata sul server, subisce una compressione anche se minima.<\/p>\n\n\n\n
      La compressione \u0117 meglio farla con i servizi web consigliati nell’articolo immagini per il web<\/a>, tra cui tinypng.com<\/a> \u0117 forse il pi\u00f9 intuitivo. Con questi strumenti, la compressione pu\u00f2 arrivare anche al 70%.<\/p>\n\n\n\n
      <\/span>Una piccola variabile<\/span><\/h3>\n\n\n\n
      Gli strumenti interni<\/strong> a WordPress, utili per fare piccole modifiche alle immagini, sono raggiungibili da Bacheca > Media > Libreria<\/em>, solo ad utenti registrati con ruoli di amministratore<\/em> e editore<\/em><\/strong>.<\/p>\n\n\n\n
      Chi ha un ruolo di autore<\/em><\/strong>,<\/em> pu\u00f2 scrivere articoli ed inserire immagini, ma non accede a questi strumenti<\/strong>, passando da Bacheca > media > Libreria<\/em>. <\/p>\n\n\n\n
      Chi ha un ruolo di collaboratore<\/strong>, non pu\u00f2 inserire immagini o altri media, perch\u00e9 con questo ruolo il pulsante Aggiungi media<\/em>, non \u00e8 disponibile. Pu\u00f2 inserire immagini dal menu Inserisci > immagine<\/em>, ma deve inserire il percorso esatto della risorsa (percorso assoluto).<\/p>\n\n\n\n
      <\/span>Ritagliare le immagini nella Libreria Media<\/span><\/h2>\n\n\n\n
      Se sei l’amministratore o l’editore di un sito, e una volta caricata un’immagine, realizzi che questa richiede piccoli aggiustamenti, puoi ricorrere agli strumenti messi a disposizione da WordPress.<\/p>\n\n\n\n
      Dopo aver fatto il login, procedi in questo modo:<\/p>\n\n\n\n
      vai alla voce Bacheca > Media > Libreria<\/em><\/li>
      fai click sull’immagine che vuoi ritagliare.<\/li><\/ol>\n\n\n\n
      Si apre la finestra dove potrai cambiare le dimensioni dell’immagine.<\/p>\n\n\n\n
      $\"Finestra$ <\/a>
      Fai click sull’immagine per ingrandire<\/figcaption><\/figure>\n\n\n\n
      Ora \u00e8 possibile ridimensionare e ritagliare l’immagine con gli strumenti mostrati sulla destra della finestra di editing. Altre operazioni possibili sono la rotazione e il capovolgimento dell’immagine. Bisogna ricordare che quando si ridimensiona la larghezza di un’immagine, l’altezza potrebbe essere pi\u00f9 alta o pi\u00f9 bassa della dimensione definita nel tuo tema grafico, questo dipende dalle dimensioni dell’immagine originale.<\/p>\n\n\n\n
      Se decidi di ridimensionare l’immagine, questa manterr\u00e0 la giusta proporzione con l’originale. Se invece la ritagli, l’immagine potrebbe non avere proporzioni ideali a seconda delle dimensioni definite.<\/p>\n\n\n\n
      <\/span>Ridimensionare l’immagine<\/span><\/h3>\n\n\n\n
      \u00c8 possibile sia ridimensionare sia ritagliare l’immagine.
      \u00c8 preferibile ridimensionare l’immagine prima di ritagliare o ruotare l’immagine. Le immagini possono essere solo rimpicciolite e non ingrandite.<\/p>\n\n\n\n
      Per ridimensionare l’immagine si deve digitare il valore di larghezza nel primo campo sotto la voce Nuove dimensioni<\/em>. Il valore dell’altezza \u00e8 calcolato in automatico. Se le nuove dimensioni sono quelle adatte, \u00e8 sufficiente fare click sul pulsante blu Ridimensiona<\/strong>.<\/p>\n\n\n\n
      $\"WordPress$ <\/a>
      Opzioni di modifica immagine – Fai click sull’immagine per ingrandire<\/figcaption><\/figure>\n\n\n\n
      <\/span>Ritagliare l’immagine<\/span><\/h3>\n\n\n\n
      Se preferisci ritagliare l’immagine fai cos\u00ec:<\/p>\n\n\n\n
      posiziona il cursore e fai click nel punto in cui vuoi iniziare la selezione per il ritaglio;<\/li>
      trascina il mouse fino al punto in cui vuoi interrompere la selezione;<\/li>
      rilascia il pulsante del mouse per mostrare la selezione;<\/li>
      fai click sull’icona della taglierina in alto a sinistra per realizzare il ritaglio.<\/li><\/ol>\n\n\n\n
      Puoi cliccare sui punti negli angoli e sui lati della selezione per aggiustare la selezione alla larghezza e altezza desiderata.<\/p>\n\n\n\n
      Se preferisci, dopo aver cliccato sull’immagine, puoi inserire direttamente nei rispettivi campi, che trovi alla destra dello schermo, la larghezza e l’altezza del ritaglio.<\/p>\n\n\n\n
      Se hai dubbi su cosa significano alcuni termini o funzioni di questa schermata, puoi fare click sul piccolo punto interrogativo alla destra della voce che ti interessa.<\/p>\n\n\n\n
      <\/span>Rapporto di dimensioni<\/span><\/h3>\n\n\n\n
      \u00c8 possibile anche mantenere l’aspect ratio o rapporto di dimensioni dell’immagine. L’aspect ratio \u00e8 la relazione tra larghezza e altezza e puoi mantenerla tenendo premuto il tasto shift<\/em> mentre procedi alla selezione trascinando il mouse. Si pu\u00f2 anche inserire direttamente un valore nei rispettivi campi di inserimento.<\/p>\n\n\n\n
      <\/span>Impostazioni di miniatura<\/span><\/h3>\n\n\n\n $\"Wordpress$ <\/a>
      Fai clic per ingrandire<\/figcaption><\/figure><\/div>\n\n\n\n
      Ora devi scegliere a quale immagine predefinita si deve applicare la variazione. L’opzione pu\u00f2 essere utile se vuoi variare l’immagine ma mantenere invariata la miniatura.
      Terminate le variazioni, fai click sul bottone Salva<\/em> posto sotto l’immagine.<\/p>\n\n\n\n
      Ora con tutte queste informazioni le tue immagini saranno perfette per il WEB e potrai creare pagine veloci e performanti, un piacere, non solo per i motori di ricerca, ma anche per gli utenti che non sono costretti ad attendere la pagina e senza dimenticare che un’immagine ben ottimizzata \u00e8 anche un bel risparmio di banda.<\/span><\/p>\n\n\n\n
      <\/p>\n","protected":false},"excerpt":{"rendered":"
      Ottimizzare le immagini per il WEB \u00e8 un aspetto importante, e non deve essere trascurato se si vogliono creare pagine snelle e veloci.<\/p>\n","protected":false},"author":2,"featured_media":52366,"comment_status":"open","ping_status":"open","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,470,469],"class_list":["post-52362","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-supporto","tag-immagini","tag-ridimensionare","tag-ritaglio"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/posts\/52362","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=52362"}],"version-history":[{"count":0,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/posts\/52362\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/media\/52366"}],"wp:attachment":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/media?parent=52362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/categories?post=52362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/tags?post=52362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}