Modificare le dimensioni di un PDF per adattarle alla stampa.

I file in formato PDF sono diventati lo standard dei documenti e della modulistica. Nei rapporti con la pubblica amministrazione in generale c'è sempre da scaricare un modulo in formato PDF, da compilarlo per poi inviarlo per email o per la normale posta all'ufficio di competenza. Questa operazione credo che sia capitata almeno una volta a tutti noi. Naturalmente si possono creare PDF anche da soli con un sacco di strumenti professionali o anche gratuiti.

Qualche volta può esserci l'esigenza di adattare le dimensioni di un PDF al foglio in cui si deve stampare. Vediamo come si possa fare questa semplice operazione utilizzando dei tool gratuiti.

Come ridimensionare le immagini di Blogger caricate su Picasa.

Quando si pubblica una immagine su un articolo di Blogger questa viene automaticamente inserita in un album di Picasa. Ne verrà creato uno per ciascun blog e potrà contenere fino a 1000 immagini. Se si supera questo numero si passerà a un secondo album e così via. Su Picasa ci sono 1024MB di spazio gratuito ma vengono conteggiate solo le immagini con dimensioni superiori agli 800 pixel che poi diventano 2400 pixel se si possiede anche una account Google Plus. Si può quindi dire che lo spazio  a disposizione degli utenti di Blogger e Google+ sia infinito a meno che non si postino abitualmente foto di dimensioni gigantesche. Per ottenere il link diretto di una immagine su Picasa basta aprirla, cliccarci sopra con il destro del mouse e scegliere Copia URL immagine.

COME RIDIMENSIONARE UNA FOTO

Per ridimensionare una immagine si dovrebbe scaricarla, aprirla con un programma di grafica anche online come Pixlr e modificarne le dimensioni. In realtà si possono operare delle variazioni sulle immagini di Picasa semplicemente cambiandone l'indirizzo. Ho postato una foto di 2000x2000 pixel che ha il seguente URL diretto (vedi foto)

Reshade per ingrandire le immagini senza perdere in qualità.

Avrete certamente visto dei film in televisione in cui l'investigatore di turno ingrandisce una immagine fino a leggere il numero della targa di un auto o la scritta incisa in un tatuaggio. Nella realtà queste cose sono molto difficili da effettuare. Ci sono almeno due modi per descrivere una immagine, quella definita raster e quella vettoriale. Nel primo caso la foto non è altro che un insieme di pixel colorati mentre nella grafica vettoriale l'immagine è definita secondo delle figure primitive geometriche (curve, linee, poligoni, ecc) a cui possono essere attribuiti colori e anche sfumature.

Quando si ha una immagine sul computer questa è in linea di massima già stata rasterizzata. Se si prova ad aumentarne le dimensioni, si avrà una diminuzione di qualità in quanto i pixel saranno ingranditi in proporzione e la foto perderà in definizione. Nei programmi di grafica più avanzati possono essere usati dei tool di interpolazione per migliorare questo tipo di operazioni.

Web Photo Resizer per ridimensionare e ottimizzare le foto.

Dall'inizio di quest'anno sembra che sia entrata a far parte dei parametri presi in considerazione da Google per la determinazione del posizionamento di un articolo anche la sua velocità di caricamento. Uno dei fattori che rallentano particolarmente l'apertura della pagina è la presenza di immagini. Più sono pesanti e maggiore è il loro numero più lento risulta il caricamento.

E' evidente che un blog senza immagini non sarebbe più tale e che molto spesso sono assolutamente indispensabili per il confezionamento di un buon articolo. Una cosa che si può fare è quella di rendere meno pesanti possibili le immagini presenti nel post. Occorrerebbe quindi scegliere il formato PNG che è il più leggero e lasciar perdere il GIF che invece è quello che pesa di più.

Altra cosa che si può fare è quella di diminuire i kilobyte della foto mantenendone inalterata la qualità. Web Photo Resizer è un tool online che oltre a fare le solite operazioni di fotoritocco riesce anche a diminuire il peso delle immagini con un benefico effetto sulla velocità di caricamento della pagina, il tutto ovviamente gratis e senza registrazione.

Rsizr per modificare le immagini lasciando inalterati alcuni dettagli e eliminandone altri.

Esistono un sacco di tool professionali o gratuiti per ridimensionare le foto ma Rsizr ha qualcosa in più. E' infatti un'applicazione in Flash che riesce a ridimensionare le immagini JPG, PNG e GIF lasciando intatto quello che vogliamo rimanga tale. Le modifiche possono essere anche quella classica e ben conosciuta del cambiamento della larghezza o dell'altezza oppure l'altra che presuppone di ritagliare la foto. Come detto, in aggiunta, Rsizr riesce a modificare le dimensioni lasciando inalterate intere aree, appositamente contrassegnate, mediante l'utilizzo di un nuovo algoritmo denominato seam carving  o retargeting.

Per avere un'idea di quello di cui sto parlando date un'occhiata a questa galleria di foto in cui sono presenti le immagini originali insieme a quelle ridimensionate. Per una ulteriore presa di coscienza della potenza di questo editor guardatevi questo video

in cui si modifica una foto della galleria precedente. Illustro brevemente come utilizzare questo fantastico strumento. Per caricare la foto andate su Open

Selezionate Preserve e Remove per colorare rispettivamente di verde e di rosso le parti dell'immagine da lasciare intatte e quelle da rimuovere. Si può scegliere anche la dimensione del pennello per fare un lavoro più accurato. Quando abbiamo finito clicchiamo su Done.  Si agisce sul cursore per il retargeting, quindi sulle maniglie per il ridimensionamento della foto. I particolari che abbiamo contrassegnato in verde rimarranno intatti mentre quelli evidenziati di rosso verranno eliminati. Per scaricare la  foto si clicca su Save. Vi posto le immagini prima e dopo la modifica per farvi apprezzare la differenza

                    

Come vedete sono riuscito a eliminare la bagnante sullo sfondo e ridimensionare la foto mantenendo intatta la figura della ragazza in primo piano. Non sono facile all'entusiasmo ma si tratta proprio di un tool semplice, efficace, potente e anche utilissimo. Chissà le volte che vi sarà capitato di voler togliere una persona da una foto di gruppo!

Per delle operazioni più semplici con le immagini potete utilizzare Paint.NET mentre per togliere oggetti indesiderati dalle foto c'è anche Inpaint.

FixPicture per ridimensionare e applicare effetti speciali alle foto o alle immagini.

FixPicture è pensato per i possessori di macchine fotografiche digitali che vogliono modificare le proprie foto senza possedere particolari conoscenze tecniche. Il sito ha anche una interfaccia in italiano e si può scegliere tra la versione HTML e quella in Flash

                     

La versione in Flash è indubbiamente più accattivante ma quella HTML è probabilmente più pratica se si vogliono fare delle rapide modifiche. In entrambi i casi dobbiamo selezionare l'immagine da editare che non può essere più grande di 3MB e questo è un po' limitativo per delle fotocamere con molti pixel.

L'operazione si svolge in cinque passaggi

1. Scegliere la foto dall'hard-disk andando su Scegli File (HTML) o Browse your hard drive (Flash)
2. Ridimensionare la foto scegliendo i pixel (da 760 a 100) oppure la percentuale (da 25% a 75%). Si possono anche personalizzare le modifiche
3. Rotazione - opzionalmente si può ruotare di 90° in senso orario, di 90° in senso antiorario, di ribaltarla orizzontalmente o verticalmente
4. Aggiungere effetti - sono presenti alcuni effetti da aggiungere in modo opzionale (Livelli automatici, Contrasti automatici, Scala di grigi, Contrasti, Seppia)
5. Uscita - si può selezionare la qualità tra Buona, Migliore e Ottima. Si può scaricare selezionando uno dei formati supportati che sono JPEG, PNG, GIF, TIFF, PDF, BMP.

La durata dell'elaborazione dipenderà dalle dimensioni della foto che si è caricato. Altri tool di questo tipo sono Image Resize Powertoy e Image Tuner.

Convert Hub è un eccellente servizio online per convertire, ridimensionare e modificare le immagini.

Convert Hub è un sito web2.0 che svolge le seguenti operazioni

1. Rileva automaticamente il formato delle immagini che vengono caricate
2. I formati supportati sono .ICO, .PNG, .JPG, .GIF, .BMP, .PS, .EPS, .TIFF, .TGA, .TXT (ASCII), .HTML e altri 92!
3. Converte foto, avatar, miniature, wallpaper, illustrazioni, grafici, diagrammi, insomma qualsiasi tipo di immagine nei formati di cui al punto 2)
4. Ridimensiona le immagini dei seguenti formati: PNG, .JPG, .GIF, .BMP, .EPS, .PS, .TIFF, .TGA
5. Ribalta le immagini dall'alto in basso, da sinistra a destra e anche dall'alto/sinistra al basso/destra
6. Inverte i colori passando a quello complementare. Cioè il bianco diventa nero, il giallo diventa blu, ecc
7. Ruota le immagini di angoli compresi tra -90° a +90°. In sostanza si può dare una pendenza positiva o negativa ampia quanto si vuole
8. Converte i file HTML in PDF. Una conversione aggiuntiva che si aggiunge ai numerosi tool presenti in rete
9. Fa tutto questo gratuitamente, senza registrazione, solo inserendo una captcha per il controllo visivo
10. Si sceglie la funzione voluta dalle schede poste nella parte alta del sito
11. Si può selezionare l'immagine dal computer o da un URL

Da notare che per quello che riguarda la larghezza e l'altezza (Width e Height) si possono inserire i numeri puri e semplici, i numeri seguiti dall'espressione px (es: 120px) oppure la percentuale di ridimensionamento (per esempio 120%). Si clicca su Convert per ottenere l'immagine modificata.

Per scaricarla si clicca sul link che viene messo a disposizione dell'utente e che sarà attivo per due ore

Unico neo è quello che non mantiene le animazioni nelle immagini in formato GIF. In questo blog potrete trovare comunque dei tool per creare GIF e per modificare immagini animate.

Come ottimizzare le immagini inserite nel blog con Image Optimizer.

E' noto che dall'inizio di quest'anno Google dà molta importanza alla velocità di caricamento di una pagina. Questo non significa che dobbiamo eliminare tutti i widget, non caricare immagini e video però dobbiamo cercare di rendere la navigazione più veloce possibile. Per quello che riguarda l'aspetto generale possiamo utilizzare delle raccomandazioni generali sulla velocità di caricamento dello stesso Google oppure utilizzare strumenti quali Speed Tracer.

Limitatamente alle immagini dobbiamo cercare di diminuirne le dimensioni (in kB non in pixel) mantenendone la qualità. Ci sono dei tool online che possono essere usati a tale proposito utili soprattutto per quelle immagini che sono presenti in tutte le pagine come quella dell'header.

Image Optimizer è un servizio gratuito che consente di ridimensionare, comprimere e ottimizzare le immagini del vostro blog. In Scegli file si seleziona l'immagine che vogliamo ottimizzare

quindi si clicca su Optimizer Now dopo aver scelto la qualità di uscita. La dimensione massima dell'immagine è di 1200 pt di larghezza e di 900 pt di altezza. Si visualizzerà una finestra in cui si vedranno i benefici della cura dimagrante

Andando su Download to your computer si scarica e si può sostituire a quella più pesante.

Invece del tool online si può usare anche un software gratuito per effettuare tutte queste operazioni direttamente nel nostro computer

• Scarica Image Optimizer -

Mi occuperò anche in altri articoli di questo tema che sarà importantissimo in questi primi mesi dell'anno. Nel caso delle immagini vi consiglio comunque di preferire il formato PNG a quello JPG perché più compresso a parità di qualità.

Come modificare le dimensioni delle immagini del computer o presenti in un sito web.

Se si ha spesso a che fare con immagini nel senso di file di quel tipo si può avere la necessità di modificarne le dimensioni con un semplice click senza aprire alcun programma di grafica. Vi propongo due alternative a seconda se la foto sia nel computer o sia già sul web. Il primo metodo riguarda le foto che sono in una nostra cartella mentre il secondo può riguardare sia quelle del computer che quelle presenti in un sito, ha però la limitazione che supporta solo il formato JPG.

Immagini in una cartella del computer -

In questo caso il tool più interessante e più valido è Image Resize Powertoy che aggiunge la voce Resize Pictures al menù contestuale e che quindi permette di aprire la finestra di dialogo cliccando con il destro del mouse sul file

Successivamente si può scegliere una delle dimensioni proposte o digitare direttamente la larghezza e l'altezza andando su Advanced e mettendo la flag su Custom

 L'immagine ridimensionata verrà creata nella stessa cartella di quella di partenza che non sarà eliminata.

Immagini presenti in una pagina web -

Se si vuole in modo rapido ridimensionare delle immagini che si trovano nel web allora conviene utilizzare ResizR. Purtroppo per il momento questa estensione non è compatibile con la versione più recente di Firefox ma possiamo sempre ridimensionare l'immagine accedendo all'homepage di ResizR e caricando la foto dal computer o da URL

Sono supportate solo le immagini in formato JPG ed è sufficiente digitare la larghezza dell'immagine in uscita visto che l'altezza sarà una conseguenza del mantenimento delle proporzioni. In Image Rotation possiamo anche ruotare l'immagine di 90°, 180° o 270°. Per ridimensionare si clicca su ResizR. L'immagine apparirà nella finestra e per scaricarla dovremo cliccarci sopra con il destro del mouse e scegliere Salva immagine con nome.

GIFWorks per ridimensionare, ritagliare e inserire del testo nelle immagini animate in GIF.

Modificare le dimensioni delle immagini nei formati JPG, PNG, TIFF è molto semplice e basta un programma gratuito come Paint.NET se proprio non vogliamo andare sul professionale con Photoshop. Così come è altrettanto semplice ritagliarne una porzione, rovesciarle e convertirle in altri formati. In quest'ultimo caso basta usare Format Factory.

Se si vuole però modificare le immagini animate in formato GIF la cosa non è tanto immediata. GIFWorks è un sito che mette a disposizione dei tool per modificare le immagini animate ed è uno dei pochi disponibili. Se siete come me e vi piacciono le immagini in GIF per il vostro blog mettetene l'indirizzo nei Segnalibri. Il sito è polacco ma con interfaccia in inglese; ha il limite di 400KB per immagine e queste possono essere caricate dal computer o dal web tramite URL

                           

 Per modificare la nostra immagine animata bisogna andare in File > Open Image quindi in Scegli File per caricare la GIF. Successivamente si va su Edit per selezionare l'operazione da compiere tra Inserire del testo, Ridimensionare, Ritagliare, Ruotare sulla destra, Ruotare sulla sinistra, Rovesciare orizzontalmente, Rovesciare verticalmente, Sostituire il colore, Inserire o togliere trasparenza.

Si può anche ottimizzare per il web andando su Optimize; sempre nello stesso menù verticale è presente anche l'opzione per estrarre i singoli fotogrammi della GIF (Split into frames). Ci sono anche opzioni di Zoom e la possibilità di ottenere informazioni sulla foto caricata come la dimensione, il numero dei colori, ecc.

Image Tuner per ridimensionare, convertire, rinominare e aggiungere watermark alle nostre foto.

Image Tuner è un tool gratuito per Windows [ 98/ME/NT/2000/XP/Vista/7 (32 and 64 bit)] che permette di ridimensionare, convertire e aggiungere watermark ad una singola immagine oppure contemporaneamente a tutte quelle presenti in una cartella. Inoltre non ha pubblicità e supporta praticamente tutti i formati di immagini come PEG, BMP, PNG, GIF, TIFF, PCX, ecc. Supporta anche le immagini RAW che sono formati grezzi ottenuti con le macchine digitali. Dopo aver scaricato Image Tuner ed averlo installato, finirà in una cartella di nome Glorylogic, ecco l'interfaccia che si apre

 

Andando in alto su Edit possiamo aggiungere delle immagini singole o cartelle rispettivamente con Add Images e Add Folders. Sulla destra si può selezionare la cartella di uscita dei file modificati e anche l'immagine da usare come watermark per contrassegnare le nostre foto.

In Convert ci sono opzioni per convertire immagini nei formati JPeg, PNG, BMP, GIF e TIFF. Mentre in Resize si possono ridimensionare le immagine per adattarle al servizio o dispositivo su cui vogliamo caricarle (Facebook, Twitter, iPod, iPhone, ecc).

Una cosa veramente utile è che si può scegliere una singola opzione o anche tutte insieme mettendo o togliendo il segno di spunta. Per processare le immagini basta cliccare sull'icona triangolare di colore verde.

Una limitazione è quella che non funziona per il ridimensionamento delle immagini in formato GIF. Se si ha questa necessità bisogna usare GIF Resizer o GIF Work.

Come ridimensionare e conoscere i dati EXIF delle immagini presenti nel web con Picture Resizer.

Le immagini vengono catturate con un dispositivo, che quasi sempre è una macchina digitale, quindi vengono inserite nel web attraverso vari canali quali i siti di condivisione delle foto, come Photobucket o Flickr, le pagine dei quotidiani  e riviste con edizione internet, i semplici blog.

Successivamente queste foto possono venire ridimensionate, ritagliate, modificate, catturate, pubblicate nuovamente ecc. Esistono però dei metadati presenti nell’immagine originale che possono rimanere per sempre nelle successive modifiche. Queste informazioni vanno sotto il nome di EXIF (Exchangeable image file format) e riguardano

1. Informazioni sulla data e l’ora dello scatto
2. Impostazioni della fotocamera – modello, produttore, orientazione, apertura, velocità dello scatto, lunghezza focale, ecc
3. Miniatura per visualizzarne l’anteprima nei display delle fotocamere o nei software di fotoritocco
4. Informazioni concernenti il copyright

Molti programmi di fotoritocco riconoscono i dati EXIF e li mantengono, così come molti programmi per realizzare foto-gallery. Nel caso volessimo conoscere questi dati relativi ad una immagine nella quale ci siamo imbattuti non occorre altro che andare sul sito Picture Resizer e caricare l’immagine

Cliccando su Get EXIF info from file otterremo tutte le informazioni cercate sotto forma di una serie di dati di questo tipo

 

che ci potrebbero servire per esempio per sapere se l’immagine è coperta da copyright. E’ naturale che anche se non compare nessun copyright questo potrebbe esistere comunque in quanto l’immagine in questione  può essere stata generata da un’altra che invece ce l’aveva.

Nello stesso sito è anche presente un utile programma per ridimensionare foto, di facile ed immediato utilizzo

 

che oltre a cambiare le dimensioni della foto consente anche di inserire del testo, del quale si possono scegliere colori e font. E’ uno strumento che aggiunge le funzionalità di ResizR a quelle di programmi per inserire watermark tipo  Watermark.ws o Watermark Master.

Come creare un’immagine animata in GIF da più immagini e come estrarre i singoli fotogrammi da un’immagine animata.

Le immagini animate in GIF sono un’unione di più immagini che, mostrate ad intervalli regolari, danno l’idea del movimento. Ho già parlato di make a Gif  come di un ottimo servizio per creare immagini di questo tipo. Adesso ne voglio riparlare aggiungendo anche la possibilità opposta. Mi spiego meglio

1. Caricando più immagini Make a Gif crea un’immagine animata
2. Da un’immagine animata Split Gif estrae i singoli fotogrammi

Cominciamo con creare l’immagine in Gif andando su Make a Gif e caricando le immagini fotogramma. Se ne possono caricare fino a 12 e si possono scegliere velocità dell’animazione, se continuare indefinitamente nel movimento (loop animation) oppure no; in avanced options possiamo selezionare se ridimensionare le foto e a che misura.



Personalmente penso che sia meglio ridimensionarle prima per averle tutte della stessa dimensione magari con uno strumento tipo ResizR. Quando si è terminato si clicca su Create GIF per generare la nostra immagine animata. Per scaricarla basta cliccare con il destro del mouse e selezionare Salva immagine con nome. Questo tipo di immagini sono molto pesanti quindi conviene postarle su un hosting gratuito tipo Skydrive, acquisirne l’URL e inserirle nel blog. Dovete considerare che le immagini del blog vengono tutte hostate su Picasa e che il massimo consentito è di 1024MB (sono quasi alla metà nel mio account!). 
Se invece si ha una immagine in formato GIF e si vuole estrarre tutti i singoli fotogrammi che la compongono dobbiamo usare un’applicazione come SplitGif. Naturalmente ci sono anche diversi programmi che permettono di farlo. Con questo sito web2.0 basta caricare la nostra immagine animata andando su Sfoglia


quindi si clicca su Split my gif.  Le immagini da cui è formata verranno messe in verticale e si potranno scaricare singolarmente con il destro del mouse o tutte insieme in un file in formato ZIP.
A cura delle stesso sito Gifninja.com ci sono anche i seguenti utili servizi gratuiti

1. Tool per creare un’immagine GIF, alternativa a Make a Gif
2. Tool per convertire un video in un’immagine in formato GIF
3. Tool per ridimensionare online un’immagine, alternativa a ResizR

Reshade.com per aumentare le dimensioni di una foto digitale mantenendone la qualità e evitando l’effetto sgranamento.

Se cerchiamo di aumentare le dimensioni di una foto ci sarà un momento in cui questa perderà inevitabilmente in qualità. I pixel sono quelli quindi se un’immagine è 100x100 nel momento in cui la ridimensioni a 500x500 la sua qualità sarà inevitabilmente peggiorata.

E’ noto che esistono sistemi di interpolazione per minimizzare questo fenomeno. Nei film anzi questi metodi sono anche troppo evidenziati da sembrare addirittura fantascientifici. Se uno è un mago di Photoshop può fare il lavoro da solo, per tutti gli altri consiglio di usare Reshade.com.

Si tratta in verità di un software a pagamento ma esiste anche un tool gratuito online che è decisamente buono. Anzi i creatori del tool sostengono, esempi alla mano, che dia risultati migliori di un’interpolazione con Photoshop.

Nella Homepage del sito cliccate su Online Image Resizer e caricate una foto dal vostro hard-disk o da URL

La foto non può essere più piccola di 50x50 pixel. Sulla sinistra avremo a disposizione gli strumenti di intervento

1. Si può ridimensionare a 1920x1200 pixel (formato standard dello schermo)
2. Si può zoomare x2 raddoppiando la larghezza e l’altezza
3. Si può ritagliare una parte dell’immagine (crop) e migliorarne la qualità
4. Si può utilizzare con registrazione gratuita per caricare fino a tre immagini al giorno

Se non si è utenti premium non possiamo hostare le immagini che si sono ridimensionate ma si può acquisirne il codice per postarle in servizi come Blogger, MySpace, Facebook, Wordpress, Yahoo, Live Spaces, ecc. Conviene dare uno sguardo alla galleria di immagini presente sul sito. Una piccola immagine che avevo ritagliato da una foto ecco come è diventata con Online Reshade e Expando

Come ingrandire le immagini dell’articolo al passaggio del mouse con l’effetto Expando.

In un precedente articolo ho parlato dell’effetto Lightbox 2 che però non ho mai realmente inserito dentro il blog; adesso sul sito Dynamic Drive ne ho trovato uno script  molto semplice e molto di effetto che sono sicuro incontrerà il gradimento di molti blogger. Non ha un vero e proprio nome, lo chiamerò Expando Image Script.
Prima di iniziare la trattazione provate a puntare con il mouse una delle foto del post 

• Demo dell'effetto Expando -

Vedrete che si ingrandiranno fino a prendere la loro grandezza naturale. Questo poteva essere fatto cliccandoci sopra e aprendo la pagina in cui era caricata l’immagine.



Certo però che questo effetto è veramente tutta un’altra cosa; l’ho già testato su tutti i principali browser e non dà problemi di sorta. Vediamo quale è il meccanismo per inserirlo nel blog.

Andate su Layout > Modifica HTML e salvate il modello completo. Dopo aver metto il segno di spunta a espandi modelli widget cercate la riga di codice </head>. Immediatamente sopra a questa riga incollate questo codice 

<!-- EXPANDO START -->
<style type="text/css">
img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}
</style>
<script type="text/javascript" src="https://sites.google.com/site/scriptperilblog/javascript-2/expando.js">
/* Expando Image Script ©2008 John Davenport Scheuer
   as first seen in http://www.dynamicdrive.com/forums/
   username: jscheuer1 - This Notice Must Remain for Legal Use
   */
</script>
<noscript><a href='http://goo.gl/Z0qw4' target='_blank'><span style='font-size: x-small;'>Effetti Immagini</span></a></noscript>
<!--EXPANDO END - www.ideepercomputeredinternet.com-->

Esattamente come mostrato in questo screenshot

Adesso salvate il modello. Quando scrivete un articolo per inserire delle immagini che si espandano nel modo appena mostrato dovete procedere nel seguente modo.
INSERIRE LE IMMAGINI DIRETTAMENTE DALL’EDITOR DI BLOGGER
In questo caso dopo aver inserito l’immagine con il consueto sistema dell’editor di Blogger questa dovrà essere ridimensionata attraverso le maniglie che sono messe a disposizione

quindi passare alla Modalità HTML ed inserire l’attributo class=”expando” subito dopo le dimensioni della foto e prima dell’URL della foto stessa. Ecco un altro screenshot che mostra più o meno la posizione in cui deve essere inserito

Dopo aver pubblicato il post potete verificare l’effetto puntando la foto con il mouse. Ovviamente l’immagine deve essere ridimensionata altrimenti rimane così com’è!
INSERIRE DELLE IMMAGINI GIA’ PRESENTI NEL WEB
E’ la cosa da preferire ed il procedimento è più o meno lo stesso. Infatti dopo che avete inserito un’immagine tramite l’URL, per esempio con Windows Live Writer, bisognerà passare alla modalità HTML ed inserire sempre la stringa class=”expando” subito dopo il tag img come mostrato in quest’altro screenshot

se invece le immagini già presenti nel web le inserite con l’editor di Blogger, allora class=”expando” deve essere inserito come in precedenza dopo le dimensioni della foto

Questo è un sistema relativamente semplice e veloce per dare un tocco di originalità al vostro blog e che certamente provocherà commenti e feedback da parte dei vostri lettori.
Se per pubblicare gli articoli utilizzate Windows Live Writer, nel momento in cui inserite delle immagini saranno presenti quasi sempre dei CSS che vengono visualizzati in modalità HTML da un’espressione del tipo style=”   …   “. L’importante è non inserire la classe expando all’interno di quel campo di azione
 
Per finire tornate nuovamente nel post di demo linkato in precedenza e puntate con il mouse la foto di Anjelina Jolie. Sembrerà uscire dallo schermo per baciarvi con le sue splendide labbra.

Come ridimensionare, ruotare e aggiungere effetti alle immagini con Picasion.

Ho già parlato di diversi servizi per ridimensionare le foto, uno per tutti ResizR che tra l’altro è anche un add-on di Firefox.

Picasion offre un servizio essenziale, gratuito e molto rapido

Per iniziare si clicca su Sfoglia per scegliere dall’hard-disk l’immagine che si vuole modificare. Quindi

• Andando su Size si seleziona la dimensione (la larghezza in quanto l’altezza sarà la conseguenza del mantenimento delle proporzioni).
• Su Quality si sceglie la qualità dell’immagine a seconda dell’uso che se ne vuole fare. Si va dalla peggiore (Poor) alla migliore (Best).
• Su Effects possiamo inserire l’effetto seppia, quello in scala di grigi e negativo
• Su Rotations si può ruotare di 90° a destra e a sinistra, rovesciarla (180°) oppure inserire il l’effetto riflesso orizzontale o verticale (flip)

Quando si è finito si può acquisire il link diretto della foto, il codice HTML oppure semplicemente scaricarla.

Image Resizer Powertoy per ridimensionare con un click le immagini presenti nelle nostre cartelle.

Image Resizer 2.0 è un programma che rappresenta un evoluzione rispetto alla precedente versione che lavorava solo con XP.

Questo funziona anche con Windows 7 e con sistemi a 64 bit. Il download può essere fatto da questo collegamento

• Scarica Image Resizer 2.0 – per sistemi a 32 bit

Dopo la semplice e rapida installazione nel menù contestuale del destro del mouse avrete una nuova opzione Resize Pictures (se cliccherete su un file di tipo immagine!)

Si aprirà una finestra di dialogo in cui dovrete scegliere i formati per le foto ridimensionate

Cliccando su Avanced si possono personalizzare le dimensioni dell’immagine selezionata andando su Custom e inserendo larghezza e altezza in pixel

 Questo programma è in Beta e non supporta le versioni di Windows precedenti a XP. L’ho testato e funziona che è una meraviglia. Sicuramente da preferire a quello illustrato nell’articolo precedente anche per creare delle miniature.

Due tool per modificare e ridimensionare le immagini animate in GIF.

Per modificare le immagini classiche esistono tutta una serie di strumenti in stile web 2.0, ricordo solo l’estensione per Firefox ResizR che funziona con un solo click del mouse.

Per quanto riguarda le immagini in GIF la cosa è più complicata considerando che non si tratta di una sola immagine ma di un insieme di più fotogrammi che possono essere anche moltissimi.

GIF Resizer è un programma portatile per Windows che consente di mutare le dimensioni della GIF senza perdere assolutamente in qualità e che può essere scaricato da qui.

Il programma non ha bisogno di installazione, si clicca su GIFResizer.exe e si seleziona il file da ridimensionare

In modo automatico vengono rilevate le dimensioni ed il numero dei fotogrammi (frames); nella parte bassa della finestra basta cambiare larghezza e altezza e cliccare su Resize. Ecco qui sotto la GIF originale di 30 pixel di larghezza e quella ridimensionata a 60 pixel

     

GIF Work non è un programma ma un sito in cui effettuare questa operazione ma anche altre.

Occorre andare su File>Open Image e caricare la GIF dall’hard disk, oppure incollandone l’URL se è già nel web,infine premere Upload Image.

Non appena apparsa l’immagine  si va su Edit>Resize e si scelgono le nuove dimensioni

Si può scegliere di mantenere le proporzioni inserendo solo  uno dei due dati per larghezza e altezza.

L’immagine ottenuta si scarica cliccando con il destro del mouse e scegliendo Salva immagine con nome.

Da notare che questo tool serve anche per ritagliare, ruotare, rimpiazzare i colori, effetti trasparenza. Ecco la GIF originale più grande e quella modificata più piccola