Di PNG, JPEG e compromessi
Mercoledì 28 Aprile 2010 - 14:50
di Cesare Lamanna
Nei giorni scorsi, quando Google ha annunciato che la velocità di caricamento delle pagine è ufficialmente un fattore che influisce sul PageRank, in molti hanno fatto notare un paradosso: l’intervento di Big G arriva in un momento in cui la tendenza prevalente va nella direzione opposta a quella sintetizzabile nel binomio leggerezza/velocità. Data per scontata la disponibilità di connessioni veloci e banda larga o larghissima, molti sembrano aver di fatto dimenticato certe pratiche come quella dell’ottimizzazione della grafica, per esempio.
Così Jeffrey Zeldman:
Invece di immagini JPEG di media qualità con i loro dettagli meno importanti spazzati via per risparmiare una manciata di KB, abbiamo iniziato a usare immagini PNG di alta qualità sui nostri siti.
Con tutte le conseguenze che ne derivano rispetto al peso delle pagine.
Continua a leggere Di PNG, JPEG e compromessi
Categoria: Grafica | Permalink | Commenti (7)
Presentata Adobe Creative Suite 5 a Milano
Martedì 13 Aprile 2010 - 10:09
di napolux
Ieri sera (12 Aprile) si è tenuta a Milano la presentazione italiana della nuova Adobe Creative Suite 5. Potevamo mancare? Certo che no!
Ovviamente gli occhi (e le domande) dei presenti erano tutte per la diatriba Apple VS Adobe, che abbiamo approfondito in un altro post: vi basti sapere che Enrique Duvos (presente in qualità di Group Manager of Flash Platform Evangelism per l’area EMEA), sollecitato dai presenti ha detto chiaramente che Adobe includerà comunque il supporto ad iPhone nella suite, poi starà ad Apple fare quel che vuole della propria piattaforma.
Continua a leggere Presentata Adobe Creative Suite 5 a Milano
Categoria: Grafica, Adobe World, Web Design | Permalink | Commenta
Cercare e trovare icone con Findicons
Mercoledì 31 Marzo 2010 - 08:11
di Cesare Lamanna
Non so da quanto esiste, ma l’ho scoperto solo da un paio di giorni questo Findicons. Si tratta di un motore di ricerche per icone che scova i risultati giusti nel contesto di ben 287.194 icone gratuite e 2.102 collezioni. Non male, soprattutto per le comodissime opzioni di filtro disponibili e visibili sulla parte sinistra della pagina quando si effettua una quelunque ricerca.
Categoria: Grafica, Web Design | Permalink | Commenti (4)
Alternative a Fireworks?
Giovedì 25 Marzo 2010 - 08:09
di Cesare Lamanna
Non mi occupo più da tantissimo tempo della realizzazione diretta di grafica per le interfacce e i layout web. Quando accadeva, più o meno nel Pleistocene :), il mio tool di riferimento era sicuramente Fireworks, allora targato Macromedia.
Non so se il programma oggi di Adobe è ancora quello prediletto relativamente a quella zona di confine che sta tra la grafica vettoriale e quella bitmap, ma leggendo questo eccellente articolo di Jon Hicks vedo che almeno su Mac esistono delle possibili alternative. L’analisi di Hicks prende infatti in esame, confrontandoli con Fireworks e tra di loro tre software: Acorn, Drawit e Opacity.
La conclusione è che, da sola, nessuna delle tre applicazioni può ambire a sostituire Fireworks, ma per specifiche funzionalità ciascuna offre eccellenti soluzioni al professionista della grafica.
Per Windows e Linux avete esperienza e suggerimenti di programmi alternativi a quello di Adobe?
Categoria: Software e Servizi, Grafica | Permalink | Commenti (10)
Immagini dummy in pochi click
Lunedì 15 Marzo 2010 - 08:32
di Kiko
Quando si producono mockup e prototipi spesso si ha bisogno di usare delle immagini di test. Ognuno risolve il problema in modo diverso: chi ha una collezione di immagini colorate o monocromatiche, chi le personalizza, chi sceglie invece delle immagini prelevate dai numerosi servizi gratuiti che le mettono a disposizione.
In rete c’è un servizio che permette di produrle con pochi click del mouse. Si tratta di DummyImage e l’idea è strepitosa quanto semplice nel concetto. Si ha la possibilità di specificare le due dimensioni dell’immagine (altezza e larghezza) in pixel, il colore di sfondo e l’eventuale colore del testo di riempimento. Fatto ciò possiamo scaricare l’immagine in uno dei seguenti tre formati: png, gif, jpg!
Categoria: Grafica | Permalink | Commenti (4)
L’icona geotag
Mercoledì 10 Marzo 2010 - 08:36
di napolux
La disponibilità di chip GPS (ormai integrati in cellulari, fotocamere, ecc…) ha permesso l’avvento del fenomeno del geotagging: l’assegnazione di coordinate geografiche a contenuti prodotti da dispositivi elettronici.
HTML 5 ha poi portato all’integrazione delle informazioni di geotagging anche all’interno delle pagine web.
Come per gli RSS, lo sharing di contenuti e i microformati ora è disponibile un’icona standard per indicare informazioni “geotaggate” sul web (link a Google Maps, Flickr, etc… ad esempio).
Lo scopo di questa iniziativa è ovviamente è quello di rendere immediatamente riconoscibile il contenuto geotaggato all’utente, permettendo un riconoscimento “standard” di questi contenuti in tutto il web.
Categoria: Grafica | Permalink | Commenti (2)
Rimuovere facilmente oggetti indesiderati con Photoshop (forse, un giorno…)
Venerdì 5 Febbraio 2010 - 08:42
di Cesare Lamanna
Nel video di presentazione/anteprima dello strumento, troverete un caso da manuale: fotografate la facciata di un edificio e purtroppo vi ritrovate a fare i conti con degli orribili fili o cavi che rovinano tutto. Per esperienza posso dire che eliminarli con Photoshop è possibile, già ora, ma volete mettere poter contare su uno strumento ad hoc che vi consente di compiere l’operazione in pochi secondi e soprattutto con risultati eccellenti?
È quanto potremmo ottenere grazie a un nuovo tool chiamato PatchMatch che potrebbe vedere la luce nella release CS5 di Photoshop.
Il doppio condizionale è dettato dalla lettura di questo post apparso su Photoshop Support che riporta le parole di John Nack di Adobe: al momento si tratta di una demo, e ciò non significa che prenderà concretamente forma in una delle prossime release del programma.
PatchMatch è nato dalla collaborazione tra i ricercatori di Adobe Eli Shechtman e Dan Goldman con il prof. Adam Finkelstein dell’università di Princeton.
Mai come in questi casi un video vale più di mille parole.
Categoria: Grafica, Adobe World | Permalink | Commenti (6)
Generatori di grafica per applicazioni
Mercoledì 20 Gennaio 2010 - 08:30
di Gianni Malanga
Volevo segnalarvi due utili servizi online che consentono di generare elementi grafici per le nostre applicazioni sia web che desktop. Iconizer.net e Preloaders.net permettono, rispettivamente, di generare icone personalizzate e immagini di preload.
Relativamente a quest’ultimo, per immagini di preload si intendono quelle piccole animazioni che consentono di comunicare all’utente il fatto che l’applicazione è impegnata nel caricamento di una risorsa oppure nell’elaborazione di informazioni.
Iconizer.net offre un catalogo di icone tra cui scegliere, suddivise in categorie, che è poi possibile personalizzare nelle dimensioni, nella tipologia di file ed in altri parametri. Tutte le icone generate tramite Iconizer possono essere liberamente utilizzate nei propri progetti, anche di tipo commerciale.
Similmente anche Preloaders.net offre un set prestabilito di animazioni suddivise in tipologie da cui è possibile scegliere quella di proprio interesse e personalizzarla in alcuni aspetti, come il colore dello sfondo, la trasparenza, la dimensione e così via. Anche in questo caso tutte le animazioni generate possono essere utilizzate liberamente per i propri progetti.
Categoria: Grafica, Web Design | Permalink | Commenta
Isolare parti di un’immagine con Photoshop
Mercoledì 11 Novembre 2009 - 08:43
di Cesare Lamanna
Estrarre, isolare, scontornare. Cambia il verbo, non cambia la sostanza: è una delle operazioni più comuni (e noiose?) per chi lavora con i vari programmi di grafica, specie se il lavoro è rivolto al web.
Infatti, introducendo il post intitolato Isolation, Dave Shea parte da un caso che non è certo ignoto alla maggior parte di voi: un cliente non dispone della versione vettoriale del logo ma di una bitmap magari a bassa risoluzione, per cui sta a voi fare tutto il lavoro sporco e ricavare un’immagine decente su cui operare per adattarla al design del sito.
Il resto del post è un tutorial passo per passo basato sul metodo adottato da Shea e fondato essenzialmente sull’uso dei canali. Un’alternativa rispetto a strumenti come i tracciati e ad altre opzioni come il cosiddetto Background eraser.
Tra i commenti, poi, si fa menzione di Vectormagic, il corrispettivo online di un programma per Windows che ha come funzionalità principale quella di trasformare una immagine bitmap in vettoriale.
Posto che ogni situazione richiede spesso un approccio ad hoc, voi quale metodo di scontorno usate preferibilmente?
Categoria: Grafica | Permalink | Commenti (5)
GIMP in una sola finestra
Lunedì 12 Ottobre 2009 - 08:43
di Cesare Lamanna
Come gli utenti più appassionati forse sapranno, la versione 2.8 di GIMP si annuncia davvero ricca di novità, a partire dall’interfaccia. Un fatto che è stato da molti sintetizzato con la formula “GIMP sarà più che mai simile a Photoshop“, al punto da far diventare inutile l’uso di tutti quei tool appositamente creati per rendere l’interfaccia del popolare programma open source più vicina a quella del software di Adobe.
È chiaro che il riferimento all’interfaccia non si traduce “abbellimenti e ricamini vari”, coinvolge abitudini di lavoro, schemi mentali, flussi di azioni collaudati e magari da rivedere di fronte a mutamenti rilevanti. Per quel che riguarda GIMP, l’argomento più caldo rispetto alla versione 2.8 è infatti quello dell’introduzione, come opzione si badi, dell’interfaccia a finestra singola, secondo il modello definito come MDI (Multiple document interface) che caratterizza il suo rivale.
Che dire, da utente Mac sperimento ogni giorno gioie e dolori delle interfacce a finestra multipla, e riconosco che tante volte ho desiderato avere a che fare con quelle a finestra singola, proprio in programmi come Photoshop. Voi quale modello preferite? Che ve ne pare della scelta dei creatori di GIMP?
Categoria: Software e Servizi, Grafica | Permalink | Commenti (13)