Visualizzazione post con etichetta ottimizzazione. Mostra tutti i post
Visualizzazione post con etichetta ottimizzazione. Mostra tutti i post

Pubblicato il 28/06/17 - aggiornato il  | 1 commento :

Come ridurre di peso i file PDF con Acrobat e come comprimerli online.

Apparentemente la riduzione di peso dei file PDF può essere una esigenza non delle più pressanti ma ci sono delle situazioni in cui ottimizzare i file PDF può diventare fondamentale come la ottimizzazione delle immagini.

Proprio oggi ho dovuto inviare dei fax per attivare la posta certificata. La mia stampante non supporta l'invio di fax anche perché avendo una connessione internet TIM Fibra una stampante con tale funzionalità la dovrei collegare a monte dell'apparecchio telefonico. Però con la fibra la connessione telefonica passa per il modem router e viene effettuata solo con cordless. Avrei dovuto quindi collegare la stampante a monte del cordless in un'altra stanza rispetto a quella in cui mi serve e ho quindi optato per una stampante senza fax.



Pubblicato il 08/09/16 - aggiornato il  | 2 commenti :

Cosa sono le immagini WebP, come crearle e come aprirle.

In questo blog oltre ad occuparmi di problematiche attuali qualche volta cerco di anticipare i tempi trattando argomenti che per il momento sono di nicchia ma che in futuro potrebbero essere all'ordine del giorno. Ho illustrato con dovizia di informazioni la ottimizzazione delle immagini con i vari tool disponibili limitandomi ai formati JPG, PNG e GIF.

Nel 201o Google ha sviluppato un nuovo formato di immagini denominato WebP. Si tratta di un formato aperto come è nella filosofia di Google ed è un formato creato appositamente per ottimizzare il caricamento delle immagini mantenendo una qualità accettabile. La particolarità di questo formato è che può essere sia lossy sia lossless cioè con o senza perdita di alcuni dati nella compressione. Per questa sua versatilità sarà presumibilmente il formato immagine che nei prossimi anni sarà prima affiancato a JPEG e PNG per poi forse sostituirli del tutto. A parità di qualità le immagini in WebP sono più leggere di circa un terzo rispetto alle JPG. Si possono usare le immagini WebP già adesso?



Pubblicato il 19/08/16 - aggiornato il  | Nessun commento :

Come creare un watermark con Photoshop.

Gli watermark sono dei testi o dei loghi che vengono aggiunti a immagini o video come una specie di firma per rendere visibile a tutti chi sia l'autore o il proprietario. Creando i post con Open Live Writer si possono aggiungere gli watermark in modo molto semplice. Ho però visto che con OLW, aggiungendo una filigrana, traduzione italiana di watermark, il peso delle immagini aumenta di circa il 20%. Ho quindi deciso di provare altri sistemi per aggiungere watermark.

Visto che ottimizzo le immagini con Photoshop per renderle più leggere possibili ho quindi pensato di usare lo stesso programma per creare un watermark da poter aggiungere alle immagini da ottimizzare con un solo click. Il metodo utilizzato è quello di creare una immagine che possa essere utilizzata tutte le volte che si vuole. Dopo aver fatto andare Photoshop si va nel Menù e si sceglie File -> Nuovo quindi si digitano le dimensioni del progetto e si seleziona lo sfondo bianco.



Pubblicato il 18/07/16 - aggiornato il  | Nessun commento :

Come ottimizzare al meglio le immagini in PNG.

Nell'articolo precedente abbiamo fatto dei test tra i vari strumenti per l'ottimizzazione delle immagini in JPEG che è il formato più utilizzato per le foto pubblicate nel web. In generale dovremo utilizzare sempre tale formato escluso alcuni casi particolari. Il formato GIF è utile quando si voglia pubblicare immagini animate che esse stesse possono essere ottimizzate.

Le foto in formato PNG invece debbono essere usate solo quando si sia in presenza di trasparenza ovvero di immagini che abbiano anche il Canale Alfa come potrebbe essere una foto con lo sfondo trasparente. Abbiamo visto alcuni metodi di ottimizzazione di immagini che possono servire anche per il formato PNG. L'obiettivo di questo post è quello di comparare i risultati e la qualità della foto risultante per trovare quella che è la procedura migliore.



Pubblicato il 17/07/16 - aggiornato il  | Nessun commento :

Qual è il miglior modo per ottimizzare le immagini JPG?

Come anticipato nel post precedente sulla ottimizzazione degli screenshot con il collegamento di opportuni programmi di grafica a Snagit e a PicPick, passo a una valutazione quantitativa e qualitativa del metodo migliore per la ottimizzazione delle foto e/o degli screenshot prima della loro pubblicazione in una pagina web.

Per una tale comparazione occorre partire da una stessa immagine per poi ottimizzarla con i diversi metodi che abbiamo visto. Successivamente si guarda con quale metodo si è avuto una diminuzione più significativa del peso del file a parità di qualità risultante.



Come ottimizzare gli screenshot collegando Snagit e PicPick a Photoshop, Gimp, XnView e Riot.

Oggi tireremo le prime somme di tutti i post che ho dedicato alla ottimizzazione delle immagini. Mostrerò infatti come collegare due tra i migliori programmi per catturare istantanee dello schermo con programmi di grafica e plugin che appunto ci servono per la loro ottimizzazione cioè per ridurne il peso in KB e quindi per aumentare la velocità di caricamento delle pagine web in cui vengono pubblicate.

Nel prossimo post vedremo di paragonare le varie ottimizzazioni per scegliere quella più efficiente anche in relazione alla sua velocità di attuazione che nel mondo del blogging significa incidere sulla produttività del lavoro che è sempre un fattore molto rilevante.



Pubblicato il 16/07/16 - aggiornato il  | Nessun commento :

Come installare XnView con tutti i plugin e come ottimizzare le immagini con Riot.

Nel post precedente abbiamo visto come si possa aggiungere una filigrana o watermark con il programma XnView gratuito per uso personale e anche multipiattaforma. Questo software può essere installato nella versioni minimal, standard e extended. Se si sceglie la versione più ricca verranno installati oltre ai linguaggi supportati anche tutti i plugin e gli addon.

Tra questi plugin figura anche Riot che però può essere installato in XnView anche separatamente dalla pagina dei plugin di Gimp cliccando su RiotPlugin Installer oppure aprendo nel browser questo URL

http://registry.gimp.org/files/Riot-plugin.zip

Se si è deciso di scaricare la versione Extended di XnView, in fase di installazione potremo visualizzare i plugin e gli addon compresi nel programma tra cui lasciare la spunta a Riot Plugin



Pubblicato il 13/07/16 - aggiornato il  | Nessun commento :

Come ottimizzare gli screenshot di PicPick con Gimp e Riot.

Con questo articolo termino i tutorial su PicPick alcuni di questi supportati anche da video tutorial. Nei precedenti articoli abbiamo visto come funziona la cattura e l'Editor di PicPick (scarica gratis PicPick), come usare gli altri tool di PicPick per misurare lunghezze, angoli o trovare codici di colore e infine come aggiungere un watermark alle immagini.

Dopo aver catturato tutto lo schermo o solo una sua parte con PicPick gli possiamo aggiungere della grafica con l'Editor per poi pubblicare l'immagine con Blogger, Wordpress oppure Open Live Writer. Prima di postare l'immagine è però opportuno ottimizzarla cioè renderla il più leggera possibile mantenendo una qualità accettabile. Per questa operazione si utilizza il programma gratuito Gimp (Scarica Gimp) e il programma Riot. Non utilizzeremo però il programma standalone ma il suo plugin. Si apre la pagina dei Plugin di Riot per cliccare su Riot Plugin Installer oppure si apre nel browser questa pagina web



Pubblicato il 04/07/16 - aggiornato il  | Nessun commento :

Come ottimizzare le immagini con Photoshop senza plugin.

Nei precedenti articoli abbiamo visto diversi metodi per ridurre il peso delle immagini mantenendo una buona qualità in modo da rendere più veloce il caricamento della pagina web in cui vengono pubblicate. Ho recensito delle applicazioni online come TinyPNG e JPG Optimizer, due programmi open source come Caesium e RIOT e infine un metodo per ottimizzare gli screenshot presi con Snagit 12 utilizzando una sinergia tra Gimp e  il plugin Riot

Il celebre programma di grafica Photoshop può servire per ottimizzare le immagini anche senza usare dei plugin specifici. Il concetto è sempre quello di diminuire il peso delle foto mantenendo il massimo della qualità. Si tratta in sostanza di trovare un compromesso tra queste due opposte esigenze. Per testare i diversi metodi di ottimizzazione sono partito da una immagine comune che non è altro che lo screenshot dell'intero schermo del computer su cui sto digitando.



Pubblicato il 13/06/16 - aggiornato il  | Nessun commento :

Come ottimizzare le immagini animate in GIF.

Nei post precedenti abbiamo visto alcuni tool per ottimizzare le immagini nei formati PNG e JPG. Segnatamente ho illustrato come procedere con TinyPNG e JPG Optimizer, con Caesium e con il plugin RIOT di Gimp che può essere usato anche per gli screenshot di Snagit 12.

Con il programma standalone di RIOT si possono ottimizzare anche le immagini in GIF ma questo software è adatto soprattutto per immagini JPG e per essere usato come plugin e non per immagini animate. Le immagini in formato GIF sono tra i file più pesanti. Una animazione in GIF di pochi secondi può pesare anche 100MB cioè quanto un filmato di diversi minuti e di buona qualità.



Pubblicato il 11/06/16 - aggiornato il  | 5 commenti :

Come ottimizzare le immagini e gli screenshot con la sinergia tra Snagit, Gimp e Riot.

La quasi totalità delle immagini che pubblico in questo sito sono delle istantanee di una regione dello schermo o screenshot come sono usualmente chiamati. Credo che molti colleghi blogger che si occupano di recensioni di informatica postino come me una percentuale molto elevata di screenshot.
Nel post precedente abbiamo visto come si possa usare il plugin RIOT in associazione con il celebre software Gimp per ottimizzare le foto pubblicate. In questo articolo faremo un ulteriore passo per creare dei collegamenti automatici tra Snagit, Gimp e Riot in modo da rendere molto più semplice e rapida l'ottimizzazione degli screenshot.




Come ottimizzare le foto con Riot e Gimp.

Le immagini sono gli oggetti più pesanti presenti nelle pagine web e quindi quelle che ne rallentano di più il caricamento. Visto che la velocità con cui si apre un sito è uno dei fattori di ranking più rilevanti è necessario per gli webmaster renderle più leggere possibili mantenendone la qualità pressoché intatta. Nei precedenti articoli abbiamo visto come ottimizzare immagini JPG e PNG con i tool online TinyPNG e JPG Optimizer e  come ridurre il peso delle JPG con il programma standalone Caesium

In questo post presenterò un'altra interessante alternativa che si chiama RIOT, che può essere utilizzata come programma standalone oppure come plugin di Gimp. RIOT, acronimo di Radical Image Optimization Tool, consente di comprimere le immagini nei formati JPG, PNG e GIF



Pubblicato il 10/06/16 - aggiornato il  | Nessun commento :

Come comprimere le immagini JPG con Caesium per velocizzare il nostro blog.

Dopo aver mostrato un metodo di ottimizzazione delle immagini con TinyPNG e JPG Optimizer in questo articolo vedremo come procedere con il programma open source Caesium. Contrariamente ai due tool appena nominati Caesium non è una applicazione online ma un vero e proprio programma ed è particolarmente utile per la compressione di immagini in JPG.

Sebbene Caesium supporti gli output dei formati JPG, PNG e BMP è di valido utilizzo solo per le foto in JPG visto che il formato BMP è bene non utilizzarlo proprio e l'ottimizzazione delle immagini in PNG non dà dei risultati apprezzabili con questo tool.  Per l'installazione di Caesium si clicca in alto su Downloads per poi scegliere di scaricare l'installer, l'applicazione portatile da installare in una chiavetta USB o il codice sorgente a beneficio degli sviluppatori. 



Pubblicato il 27/10/13 - aggiornato il  | 1 commento :

Convertire le immagini in base64 per velocizzare la pagina.

Non sto a ripetere la solita tiritera della velocità di caricamento come uno dei parametri che concorrono alla determinazione del posizionamento delle pagine web perché se avete anche solo una minima esperienza di blogging ne avrete certamente già sentito parlare. Le immagini rappresentano uno degli elementi che rallentano maggiormente il download di una pagina quindi bisogna agire per minimizzare questo contributo. È evidente che questo è particolarmente importante per le immagini presenti nel modello visto che devono essere caricate in tutte le pagine del sito. Lo è di meno per una singola foto pubblicata in un post che al massimo rallenta l'apertura solo di quell'articolo. In ogni caso è opportuno che prima di pubblicare una immagine o prima di inserirla nel template magari come sfondo, venga ottimizzata con dei tool di compressione per JPG e PNG.



Pubblicato il 15/03/13 - aggiornato il  | 4 commenti :

Il Panda Everflux sarà integrato nell'algoritmo di Google.

Il Panda Update insieme al Penguin Update fino a questo momento sono state degli aggiornamenti apportati all'algoritmo di Google in modo saltuario e quasi manuale. Ogni tanto le keyword di ricerca subivano delle variazioni nei loro risultati che portavano anche a dei crolli drammatici delle visite a determinati siti che secondo Google non ottemperavano agli standard qualitativi. In genere gli aggiornamenti vengono apportati all'algoritmo delle ricerche in lingua inglese e successivamente estesi a quelli delle altre lingue. Un tweet di @Google informava qualche ora o qualche giorno dopo dell'avvenuto update. Matt Cutts, il capo del team antispam di Google, ha recentemente annunciato che Panda sarà integrato dalla prossima settimana nell'algoritmo di Google. Questo significa che non ci saranno più delle oscillazioni violente sul traffico dei siti ma che il riposizionamento avverrà gradualmente in tempo reale.


Pubblicato il 21/03/12 - aggiornato il  | 19 commenti :

18 regole per la ottimizzazione SEO dei post del blog.

La ricerca di Google sembra che subirà molte modifiche durante i prossimi mesi. E' stato annunciato un nuovo modo di presentare i risultati delle ricerche, non saranno visibili solo i link delle pagine considerate più pertinenti ma anche delle vere risposte a keyword inserite come domande.

Se per esempio digiteremo nella barra di ricerca di Google una cosa tipo "Cosa è il CSS3?", oltre a trovare dei link a delle guide ben posizionate per questa parola chiave potremo visualizzare anche una vera e propria risposta alla nostra domanda. L'obiettivo di Google è naturalmente quello di far rimanere il più a lungo possibile il navigatore sulle sue pagine. Questo nuovo tipo di ricerca qualcuno lo ha definito semantico a mio parere un po' frettolosamente (Wall Street Journal Online).



Pubblicato il 31/01/12 - aggiornato il  | 55 commenti :

Il metatag description su Blogger per una ottimizzazione SEO.

La piattaforma Blogger è di proprietà di Google che ha una posizione quasi monopolistica nel campo delle ricerche sul web. L'ottimizzazione del sito per i motori di ricerca (SEO) è una disciplina scientifica piuttosto discussa. C'è chi la esalta e chi invece la ritiene pressoché inutile, basata più su impressioni che su fatti documentati, in quanto non sono noti gli algoritmi che usano i vari motori per posizionare i risultati, quelli di Google in primis.

Ci sono però delle metodologie che è lo stesso Google a invitarci a seguire nella sua Guida SEO all'ottimizzazione di un sito web che può essere scaricata in PDF in lingua italiana. Il buon senso vorrebbe che fosse lo stesso Team di Blogger a ottimizzare i blog su tale piattaforma almeno per quello che riguarda le cose di loro competenza, vale a dire la struttura del modello che dovrebbe essere validata automaticamente dal W3C e contenere tutte le informazioni in chiave SEO.

Nell'articolo appena citato avevo estrapolato 20 punti su cui intervenire per rendere il nostro sito più friendly rispetto ai motori di ricerca. In questo post voglio occuparmi più specificatamente del punto numero 2) vale a dire dell'inserimento della descrizione del blog e dell'articolo. In una dichiarazione di qualche mese fa, l'ingegnere a capo del Team Antispam di Google ha affermato che Google non considera più questi dati da anni. Però tali descrizioni possono avere un certo impatto sul navigatore visto che molti click sui risultati non dipendono solo dal titolo del post ma anche dalla breve descrizione che lo accompagna.



Pubblicato il 19/01/12 - aggiornato il  | 2 commenti :

Come ottimizzare le immagini con PhotoFiltre.

Vi sarà certamente capitato di aprire una pagina di un sito e poi di abbandonarlo perché ci impiegava troppo tempo a caricarsi. Google ha fatto della velocità di caricamento una specie di mantra. Secondo studi fatti da esperti SEO anche una piccola variazione nella velocità di un sito può portare benefici o penalizzazioni nelle SERP della ricerca. Uno dei fattori che più concorrono alla lentezza di un blog sta nel numero e nella pesantezza delle immagini. Sarebbe quindi opportuno evitare di inserire immagini di sfondo o header troppo grandi e lenti da visualizzare.
Per quello che riguarda le foto postate negli articoli, possono essere ottimizzate usando programmi di grafica come Photoshop o Gimp ma sono talmente lenti da aprire che non conviene farlo per un compito così modesto. E' allora opportuno rivolgersi a un programma specifico.
PhotoFiltre è un tool gratuito specializzato proprio in questo compito. Per scaricarlo andate in questa pagina e cliccate su PhotoFiltre 6.5.3 Portable > English version in ZIP format quindi scaricate anche il file per la localizzazione in italiano che si trova più in basso.  Scompattate i due file ZIP con 7-ZIP e copiate il file TranslationIT.plg cancellando contestualmente il file TranslationEN.plg che si trova nella cartella di PhotoFiltre. Questo per avere l'interfaccia in italiano.


Pubblicato il 02/10/11 - aggiornato il  | 6 commenti :

Come diminuire il peso delle immagini senza perdere in qualità.

Un blog difficilmente può prescindere dalle immagini. Non mi vengono in mente esempi di siti che manterrebbero intatto il loro interesse anche senza utilizzare le foto. Credo che sia più facile fare a meno dei video, che talvolta sono dei semplici riempitivi e che comunque possono essere sempre linkati invece che incorporati. Dal Gennaio del 2010 la velocità di caricamento è entrata a far parte dei più di 200 parametri che usa Google nel suo algoritmo per posizionare le singole pagine nei risultati delle ricerche. La cosa credo sia arcinota a tutti.

Ci sono quindi due esigenze contrapposte tra cui dobbiamo necessariamente trovare un compromesso. Va ricordato infatti che le immagini, specialmente se di grandi dimensioni, sono una delle cause principali nel rallentare il caricamento della pagina. L'obiettivo di un blogger dovrà quindi essere quello di alleggerire il più possibile le immagini senza per questo perdere la loro qualità.

Mi sono occupato altre volte di questo argomento ma con questo post voglio presentare tutti i principali tool tra cui scegliere per ottimizzare il peso delle foto. Tutti gli strumenti che presenterò possono essere utilizzati indifferentemente da chi posta sulla piattaforma Blogger o Wordpress con un unica eccezione.



Pubblicato il 29/07/11 - aggiornato il  | 7 commenti :

Page Speed Service di Google per aumentare la velocità del sito.

Sappiamo tutti che da quasi due anni Google ha elevato l'aumento della velocità di caricamento delle pagine web al rango di una vera e propria missione fino al punto di inserire la rapidità di visualizzazione di un post tra i parametri per stabilirne il suo posizionamento. Presumo che non debbono essere stati troppo contenti dei risultati visto che hanno deciso di fare tutto da soli senza l'ausilio degli webmaster. Ieri in un post del Google Code Blog è stato infatti annunciata la nascita di un nuovo servizio. Si tratta di Page Speed Service è per il momento allo stadio di test ma si ripromette di velocizzare automaticamente tutte le pagine web dei siti che utilizzeranno questo tool. Sarà sufficiente puntare i DNS del sito su Google affinché le pagine web vengano riscritte applicando tutti gli strumenti per aumentarne le performance. Gli utenti non si accorgeranno di nulla e continueranno ad accedere al sito nello stesso modo. Non ci sarà quindi più bisogno di occuparsi di CSS concatenati, immagini ottimizzate con Sharper Photo e plugin GZip per chi ha Wordpress.