INFORMATICA E GRAFICA PER IL WEB

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "INFORMATICA E GRAFICA PER IL WEB"

Transcript

1 INFORMATICA E GRAFICA PER IL WEB Psicologia e comunicazione A.A. 2014/2015 Università degli studi Milano-Bicocca docente: Diana Quarti LEZIONE 04 INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 01

2 ESPORTARE LAYOUT E IMMAGINI Una volta definito layout, dimensioni e quali immagini inserire bisogna salvarle e ottimizzarle per il web. Ottimizzare le immagini significa: trovare il giusto equilibrio tra qualità e dimensioni file. Nonostante l aumento della velocità delle linee per la connessione internet (ADSL, fibra ottica ecc.), ridurre le dimensioni dei file mantenendo comunque una buona qualità rimane anche oggi fondamentale, visto che sempre più persone accedono a internet tramite dispositivi mobili (con problematiche di velocità della linea, di costi e di copertura della rete). Per ottimizzare le immagini: diversi formati: usare formati adatti al tipo di immagine e numero di colori regolare i livelli di compressione altre tecniche di ottimizzazione a seconda del formato INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 02

3 SALVARE PER IL WEB CON ADOBE PHOTOSHOP Ogni immagine che deve essere pubblicata sul web deve essere salvata attraverso il comando Salva per web e dispositivi... Questa finestra mette a disposizione una serie di funzioni che consentono di ottimizzare le immagini, permettendo un controllo e una verifica in tempo reale della qualità, della trasparenza, dei colori e delle dimensioni del file. Salvare l immagine in un formato compatibile con il web (es. JPEG) tramite la funzione Salva / Salva come, crea dei file che possono essere inseriti nelle pagine, ma di dimensioni superiori di quelli ottenibili tramite la funzione apposita. INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 03

4 FINESTRA SALVA PER IL WEB E DISPOSITIVI INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 04

5 IMMAGINI: FORMATI PER IL WEB I formati immagine per il web sono: JPEG Joint Photographic Experts Group Esempio di immagine WBMP GIF Graphics Interchange Format PNG (PNG-8 e PNG-24) Portable Network Graphics Esistono inoltre i formati: WBMP Wireless Bitmap: formato monocromatico (pixel bianchi e neri) usato da dispositivi wireless (per esempio dispositivi WAP). Esempio di immagine SVG SVG Scalable Vector Graphics: formato per immagini vettoriali. INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 05

6 FORMATI PER IL WEB: JPEG JPEG Joint Photographic Experts Group ideale per fotografie e immagini complesse con tanti colori e cambi tonali compressione con perdità: la riduzione delle dimensioni dei file è ottenuta riducendo la qualità dell immagine; fortunatamente se settata in maniera corretta la perdita non è percepibile dall occhio umano la compressione del jpeg può creare indesiderati artefatti sull immagine; compressioni eccessive possono rivelare un mosaico 8x8 non supporta la trasparenza possono includere meta data come copyright e altre informazioni INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 06

7 JPEG / OPZIONI DI SALVATAGGIO E OTTIMIZZAZIONE Le opzioni che possiamo settare per il formato JPEG sono: qualità / settare la qualità significa settare il livello di compressione di un jpeg: maggiore è la qualità minore sarà la compressione e maggiore sarà il peso del file ottenuto. Non ci sono numeri standard per ottenere un buon compromesso tra qualità e peso visto che dipende molto dal tipo di immagine; progressivo / nel caso di connessioni lente visualizza un immagine in una qualità molto bassa e che al procedere del download migliora di qualità fino ad arrivare all immagine finale, aumenta le dimensioni del file, è al giorno d oggi non è così necessario; ottimizzato / aggiunge un ulteriore compressione senza perdita (chiamata Huffman coding); includi profilo colore (embed color profile) / include il profilo colore dell immagine, purtroppo la maggior parte dei browser ignora questa funzione; sfoca (blur) / aumenta la compressione ma l immagine risulterà meno definita»» alone (matte) / definisce il colore che devono avere le parti che nel psd sono trasparenti (il jpeg non supporta la trasparenza) INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 07

8 JPEG / FINESTRA SALVA PER IL WEB E DISPOSITIVI INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 08

9 FORMATI PER IL WEB: GIF GIF Graphics Interchange Format ideale per loghi, testi e altre immagini grafiche compressione senza perdità: la compressione delle dimensioni del file avviene senza perdita basandosi su un tipo di codifica dei dati (LZW) e quindi la compressione può essere diversa in base al tipo di immagine, ma... supporta fino a 256 colori, quindi se l immagine ha più di 256 colori avrò una perdita di qualità, per questo non è adatto per immagini fotografiche con milioni di colori supporta la trasparenza a 1 bit quindi un pixel potrà essere o completamente trasparente o completamente opaco non possono includere meta data supporta l animazione INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 09

10 GIF. OPZIONI DI SALVATAGGIO E OTTIMIZZAZIONE Le opzioni che possiamo settare per il formato GIF sono: algoritmo di riduzione del colore per determinare quali colori mantenere e quali ignorare; tra le opzioni a disposizione segnaliamo: selettivo (colori più usati e in larghe concentrazioni), adattivo (colori più usati nell intero documento), percettivo (priorità alla percezione del colore, ma poco accurato nei valori reali del colore), restrittivo (web safe color, obsoleto), inoltre per ottenere immagini monocromatiche bianco e nero/scala di grigio. Web snap è invece l aderenza dei colori alla paletta web safe color, obsoleto la riduzione del numero di colori fa diminuire il peso dell immagine (e non sempre la qualità) dithering serve per determinare in che modo vengono simulate le sfumature; le opzioni sono nessun dithering, diffusione, pattern, disturbo la trasparenza a 1bit può portare a contorni strani e rigidi, per settare una trasparenza morbida è impostare l alone del colore del background dove verrà posizionata l immagine Interlacciato è simile al progressivo del Jpeg Perdita aumenta la compressione ma diminuisce la qualità dell immagine INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 10

11 GIF / FINESTRA SALVA PER IL WEB E DISPOSITIVI INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 11

12 FORMATI PER IL WEB: PNG PNG Portable Network Graphics esiste in due varietà PNG-8 e PNG-24. Il PNG-8 è l equivalente del formato GIF ma senza animazione. Il PNG-24: è ideale per qualsiasi tipo di immagine compressione senza perdità la qualità dell immagine è molto alta supporta la trasparenza a 8-bit non possono includere meta data la dimesione (peso) del file è piuttosto alta. usare solo quando è necessario INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 12

13 PNG / OPZIONI DI SALVATAGGIO E OTTIMIZZAZIONE Le opzioni che possiamo settare per il formato PNG-8 sono le stesse del formato GIF. Le opzioni che possiamo settare per il formato PNG-24 sono: la trasparenza a 8bit consente di creare trasparenze morbide anche senza l utilizzo dell alone. l alone è il colore di riempimento per i pixel trasparenti (come nei JPG) quando la trasparenza è disattivata. Interlacciato è simile al progressivo del JPG INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 13

14 PNG / FINESTRA SALVA PER IL WEB E DISPOSITIVI INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 14

15 DOMANDE? INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente: Diana Quarti 15

Immagini vettoriali Immagini bitmap (o raster) Le immagini vettoriali .cdr.swf .svg .ai.dfx .eps.pdf .psd

Immagini vettoriali Immagini bitmap (o raster) Le immagini vettoriali .cdr.swf .svg .ai.dfx .eps.pdf .psd Esistono due tipi di immagini digitali: Immagini vettoriali, rappresentate come funzioni vettoriali che descrivono curve e poligoni Immagini bitmap, (o raster) rappresentate sul supporto digitale come

Dettagli

IMMAGINE BITMAP E VETTORIALI

IMMAGINE BITMAP E VETTORIALI BITMAP VETTORIALE VETTORIALE BITMAP IMMAGINE BITMAP è una immagine costituita da una matrice di Pixel. PIXEL (picture element) indica ciascuno degli elementi puntiformi che compongono la rappresentazione

Dettagli

Le immagini digitali. formati, caratteristiche e uso. Testo e foto di Mario Ceppi

Le immagini digitali. formati, caratteristiche e uso. Testo e foto di Mario Ceppi Le immagini digitali formati, caratteristiche e uso Testo e foto di Mario Ceppi GIF Ideale per la rappresentazione di immagini sul Web come gif animate, pulsanti e intestazioni, non è invece adatto alle

Dettagli

Immagini Digitali Immagini digitali

Immagini Digitali Immagini digitali Immagini digitali Processi e metodi per la codifica e il trattamento dei formati raster e vettoriali Immagini raster Fondamenti Le immagini raster, chiamate anche pittoriche o bitmap, sono immagini in

Dettagli

Corso di Informatica

Corso di Informatica CdLS in Odontoiatria e Protesi Dentarie Corso di Informatica Prof. Crescenzio Gallo crescenzio.gallo@unifg.it Compressione delle immagini 2 Tecniche di compressione Esistono tecniche di compressione per

Dettagli

INFORMATICA E GRAFICA PER IL WEB

INFORMATICA E GRAFICA PER IL WEB INFORMATICA E GRAFICA PER IL WEB Psicologia e comunicazione A.A. 2013/2014 Università degli studi Milano-Bicocca docente: Diana Quarti INFORMATICA E GRAFICA PER IL WEB A.A. 2013/2014 docente: Diana Quarti

Dettagli

VARI TIPI DI FILE I FORMATI DI FILE E LA COMPRESSIONE

VARI TIPI DI FILE I FORMATI DI FILE E LA COMPRESSIONE I FORMATI DI FILE E LA COMPRESSIONE I formati dei file di grafica si differenziano per come rappresentano i dati dell immagine (pixel o vettori), per la tecnica di compressione e per le funzioni di Photoshop

Dettagli

PDF created with pdffactory trial version www.pdffactory.com

PDF created with pdffactory trial version www.pdffactory.com Codifica di immagini Codifica di immagini o Un immagine è un insieme continuo di informazioni A differenza delle cifre e dei caratteri alfanumerici, per le immagini non esiste un'unità minima di riferimento

Dettagli

Realizzazione siti web. Le immagini

Realizzazione siti web. Le immagini Realizzazione siti web Le immagini Rappresentqazione digitale delle immagini (immagini bitmapped Si sovrappone all'immagine analogica (ad esempio una fotografia) una griglia fittissima di minuscole cellette.

Dettagli

IV CAP IMPORTAZIONE ED ELABORAZIONE DI IMMAGINI

IV CAP IMPORTAZIONE ED ELABORAZIONE DI IMMAGINI IV CAP IMPORTAZIONE ED ELABORAZIONE DI IMMAGINI IV.1 Importazione di immagini vettoriali. Con Flash è possibile realizzare grafica vettoriale, oppure è possibile elaborare sia grafica vettoriale creata

Dettagli

Componenti multimediali per il Web. Modulo 14

Componenti multimediali per il Web. Modulo 14 Componenti multimediali per il Web Modulo 14 Obiettivi Valutare e usare strumenti di utilità e produzione grafica anche animata per inserire e modificare componenti multimediali (immagini, immagini animate,

Dettagli

Immagini digitali Appunti per la classe 3 R a cura del prof. ing. Mario Catalano

Immagini digitali Appunti per la classe 3 R a cura del prof. ing. Mario Catalano Immagini digitali LA CODIFICA DELLE IMMAGINI Anche le immagini possono essere memorizzate in forma numerica (digitale) suddividendole in milioni di punti, per ognuno dei quali si definisce il colore in

Dettagli

01. Conoscere l area di lavoro

01. Conoscere l area di lavoro 01. Conoscere l area di lavoro Caratteristiche dell interfaccia Cambiare vista e dividere le viste Gestire i pannelli Scegliere un area di lavoro Sistemare le barre degli strumenti Personalizzare le preferenze

Dettagli

Dal foglio di carta alla multimedialità

Dal foglio di carta alla multimedialità Dal foglio di carta alla multimedialità Multimediale Che utilizza più mezzi di comunicazione. Nell'ambito delle tecnologie educative significa utilizzare più mezzi didattici integrati. IPERTESTO E IPERMEDIA

Dettagli

Formati Immagine. Un po d immaginazione

Formati Immagine. Un po d immaginazione Formati Immagine Un po d immaginazione Prima parte Compressione lossy e lossless Grafica Raster e Vettoriale Formati Raster BMP/RAW GIF Dithering PNG TIFF JPEG Compressione E una tecnica usata per ridurre

Dettagli

INTRODUZIONE AL TRATTAMENTO DELLE IMMAGINI DIGITALI

INTRODUZIONE AL TRATTAMENTO DELLE IMMAGINI DIGITALI TPO PROGETTAZIONE UD 19 Fotoritocco 1 PARTE 1 INTRODUZIONE AL TRATTAMENTO DELLE IMMAGINI DIGITALI A.F. 2011/2012 1 L AVVENTO DEL DIGITAL IMAGING La sfera dell Imaging include processi di produzione e riproduzione

Dettagli

La codifica delle immagini

La codifica delle immagini Analogamente possiamo codificare le immagini a colori. In questo caso si tratta di individuare un certo numero di sfumature, gradazioni di colore differenti e di codificare ognuna mediante un'opportuna

Dettagli

Origine delle immagini. Elaborazione delle immagini. Immagini vettoriali VS bitmap 2. Immagini vettoriali VS bitmap.

Origine delle immagini. Elaborazione delle immagini. Immagini vettoriali VS bitmap 2. Immagini vettoriali VS bitmap. Origine delle immagini Elaborazione delle immagini Adobe Photoshop I programmi per l elaborazione di immagini e la grafica permettono in genere di: Creare immagini ex novo (con gli strumenti di disegno)

Dettagli

La codifica delle immagini

La codifica delle immagini Analogamente possiamo codificare le immagini a colori. In questo caso si tratta di individuare un certo numero di sfumature, gradazioni di colore differenti e di codificare ognuna mediante un'opportuna

Dettagli

La codifica delle Immagini. Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132Sesto San Giovanni

La codifica delle Immagini. Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132Sesto San Giovanni La codifica delle Immagini Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132Sesto San Giovanni Lettere e numeri non costituiscono le uniche informazioni utilizzate dagli elaboratori, infatti

Dettagli

gestione e modifica di immagini fotografiche digitali

gestione e modifica di immagini fotografiche digitali gestione e modifica di immagini fotografiche digitali i formati grafici immagini raster e vettoriali La rappresentazione delle immagini in formato elettronico può essere attuata in due modi: raster (detta

Dettagli

Rappresentazione delle Immagini

Rappresentazione delle Immagini Rappresentazione delle Immagini Metodi di rappresentazione Raster: Informazione grafica rappresentata come matrice di pixel Vettoriale: Informazione grafica rappresentata da relazioni matematiche (funzioni

Dettagli

CMS MUSEO&WEB Tutorial sulle immagini digitali, la loro elaborazione per il web, il caricamento nell archivio media del CMS

CMS MUSEO&WEB Tutorial sulle immagini digitali, la loro elaborazione per il web, il caricamento nell archivio media del CMS CMS MUSEO&WEB Tutorial sulle immagini digitali, la loro elaborazione per il web, il caricamento nell archivio media del CMS Maria Teresa Natale (OTEBAC) 12 aprile 2010 Introduzione Argomenti: terminologia

Dettagli

3. LA RISOLUZIONE Misura della risoluzione Modifica della risoluzione

3. LA RISOLUZIONE Misura della risoluzione Modifica della risoluzione 3. LA RISOLUZIONE La risoluzione di un immagine indica il grado di qualità di un immagine. Generalmente si usa questo termine parlando di immagini digitali, ma anche una qualunque fotografia classica ha

Dettagli

I formati dei file immagine

I formati dei file immagine I formati dei file immagine Le immagini vettoriali Le immagini vettoriali sono caratterizzate da linee e curve definite da entità matematiche chiamate vettori I vettori sono segmenti definti da un punto

Dettagli

Corso di Informatica

Corso di Informatica Corso di Informatica Modulo T2 A2 Elaborazione grafica in 2D 1 Prerequisiti Utilizzo elementare di applicazioni grafiche Conoscenza elementare di dispositivi grafici Elementi di numerazione binaria 2 1

Dettagli

Elementi di Informatica

Elementi di Informatica Università degli Studi di Catania FACOLTA DI MEDICINA E CHIRURGIA Elementi di Informatica Anno accademico: 2008/2009 Docente: angelo.nicolosi@unict.it Le immagini digitali scansione di fotografie esistenti

Dettagli

PREPARAZIONE CON ADOBE PHOTOSHOP USO DELLE SEZIONI E SALVATAGGIO PER WEB

PREPARAZIONE CON ADOBE PHOTOSHOP USO DELLE SEZIONI E SALVATAGGIO PER WEB PREPARAZIONE CON ADOBE PHOTOSHOP USO DELLE SEZIONI E SALVATAGGIO PER WEB Le sezioni Le sezioni sono classificate in base al tipo di contenuto: Tabella Immagine - Nessuna immagine e al modo in cui sono

Dettagli

Codifica delle immagini

Codifica delle immagini FONDAMENTI DI INFORMATICA Prof. PIER LUCA MONTESSORO Facoltà di Ingegneria Università degli Studi di Udine Codifica delle immagini 2000 Pier Luca Montessoro (si veda la nota di copyright alla slide n.

Dettagli

Immagini su Internet Copyright BC 2003-2005 1

Immagini su Internet Copyright BC 2003-2005 1 Immagini su Internet 1 Immagini: perché? A picture is worth a thousand words materiale per stilare ricerche, creare siti... comunicare idee attirare l attenzione 2 Immagini: caratteristiche Matrice di

Dettagli

Codifica delle immagini

Codifica delle immagini FONDAMENTI DI INFORMATICA Ing. DAVIDE PIERATTONI Facoltà di Ingegneria Università degli Studi di Udine Codifica delle immagini 2000-2007 P. L. Montessoro - D. Pierattoni (cfr.la nota di copyright alla

Dettagli

Introduzione alla realizzazione di pubblicazioni personalizzate professionali

Introduzione alla realizzazione di pubblicazioni personalizzate professionali Introduzione alla realizzazione di pubblicazioni personalizzate professionali Vantaggi di Publisher Publisher non consente solo di creare notiziari o brochure, ma fornisce anche modelli predefiniti per

Dettagli

Un ripasso di aritmetica: Rappresentazione binaria - operazioni. riporti

Un ripasso di aritmetica: Rappresentazione binaria - operazioni. riporti Un ripasso di aritmetica: Rappresentazione binaria - operazioni A queste rappresentazioni si possono applicare le operazioni aritmetiche: riporti 1 1 0 + 1 0 = 1 0 0 24 Un ripasso di aritmetica: Rappresentazione

Dettagli

Corso pratico di Informatica LA SCANSIONE DELL IMMAGINE. Autore. Prof. Renato Avato. Faenza, ottobre 2000. Scansione dell immagine. R.

Corso pratico di Informatica LA SCANSIONE DELL IMMAGINE. Autore. Prof. Renato Avato. Faenza, ottobre 2000. Scansione dell immagine. R. Corso pratico di Informatica LA SCANSIONE DELL IMMAGINE Autore Prof. Renato Avato Faenza, ottobre 2000 1 DIGITALIZZAZIONE DELL IMMAGINE 1.1 Considerazioni tecniche sulla scansione Le nuove tecnologie in

Dettagli

Elementi di progettazione di un sito web

Elementi di progettazione di un sito web Elementi di progettazione di un sito web Lo scopo del web designer è quello di rendere accessibile il proprio sito al maggior numero possibile di utenti, alla luce di questo è importantissimo tenere in

Dettagli

LA CODIFICA DELLE IMMAGINI

LA CODIFICA DELLE IMMAGINI LA CODIFICA DELLE IMMAGINI Anche le immagini possono essere memorizzate in forma numerica (digitale) suddividendole in milioni di punti, per ognuno dei quali si definisce il colore in termini numerici.

Dettagli

INFORMATICA E GRAFICA PER IL WEB

INFORMATICA E GRAFICA PER IL WEB INFORMATICA E GRAFICA PER IL WEB Psicologia e comunicazione A.A. 2015/2016 Università degli studi Milano-Bicocca docente: Diana Quarti LEZIONE 02 INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente:

Dettagli

Grafica Digitale. Concetti di base della computer grafica. Oliviero Neglia

Grafica Digitale. Concetti di base della computer grafica. Oliviero Neglia Grafica Digitale Concetti di base della computer grafica Oliviero Neglia Per grafica digitale intendiamo quell'insieme di processi che ci permettono di creare, modificare e visualizzare immagini attraverso

Dettagli

Formati e file grafici. Il formato raw. Problemi con il formato raw. File grafici: esigenza di un formato

Formati e file grafici. Il formato raw. Problemi con il formato raw. File grafici: esigenza di un formato Formati e file grafici Il formato raw Memorizzare un immagine su disco per archiviazione per invio ad un altro utente Come si registrano i dati? Quale formato utilizzare? GIF, JPEG, ecc. Ciascun formato

Dettagli

Elaborazione di immagini digitali

Elaborazione di immagini digitali 1 Elaborazione di immagini digitali 1. Definizione di immagine digitale Un'immagine digitale è un insieme ordinato di pixel (PICture ELement) ottenuti, in alternativa: dalla scansione di un'immagine analogica

Dettagli

Immagini digitali. Paolo Zatelli. Dipartimento di Ingegneria Civile ed Ambientale Università di Trento. Immagini digitali

Immagini digitali. Paolo Zatelli. Dipartimento di Ingegneria Civile ed Ambientale Università di Trento. Immagini digitali Immagini digitali Immagini digitali Paolo Zatelli Dipartimento di Ingegneria Civile ed Ambientale Università di Trento Paolo Zatelli Università di Trento 1 / 22 Immagini digitali Outline 1 Immagini digitali

Dettagli

Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni?

Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni? Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni? In questo caso la situazione sembra del tutto diversa. Il testo scritto è costruito combinando

Dettagli

02 web. designer. info. certificazioni. specializzazioni avanzate

02 web. designer. info. certificazioni. specializzazioni avanzate info durata: 10 mesi inizio: novembre 2010 frequenza: 4 ore a settimana software: Adobe Illustrator, Photoshop, Flash, Dreamweaver certificazioni Adobe Certified Expert (ACE) per i software: Illustrator,

Dettagli

Introduzione al trattamento delle immagini digitali

Introduzione al trattamento delle immagini digitali Introduzione al trattamento delle immagini digitali Istituto Pavoniano Artigianelli Trento Classe terza Marco Franceschini L avvento del Digital Imaging La sfera dell Imaging include processi di produzione

Dettagli

Lavorare con le immagini

Lavorare con le immagini Lavorare con le immagini Domande più frequenti D: Ho importato alcune immagini PNG molto grandi e adesso il mio sito e molto lento. Come mai? R: Il formato PNG non è il più adatto per immagini di grandi

Dettagli

La codifica delle immagini

La codifica delle immagini La codifica delle immagini La digitalizzazione La digitalizzazione di oggetti legati a fenomeni di tipo analogico, avviene attraverso due parametri fondamentali: 1. Il numero dei campionamenti o di misurazioni

Dettagli

Numerazione binaria e rappresentazione delle informazioni

Numerazione binaria e rappresentazione delle informazioni Numerazione binaria e rappresentazione delle informazioni Info Sito del corso: http://home.dei.polimi.it/amigoni/informaticab.html Nicola Basilico, nicola.basilico@gmail.com Problema Abbiamo informazioni

Dettagli

Programmazione per il Web

Programmazione per il Web Programmazione per il Web a.a. 2006/2007 http://www.di.uniba.it/~lisi/courses/prog-web/prog-web0607.htm dott.ssa Francesca A. Lisi lisi@di.uniba.it Orario di ricevimento: mercoledì ore 10-12 Questa dispensa

Dettagli

II BIT: In..formati sui file

II BIT: In..formati sui file II BIT: In..formati sui file 10 Giugno 2015 Ma quanto liberi? 10 Giugno 2015 1 / 46 Argomenti 1 Introduzione 2 Formati proprietari, aperti o liberi? 3 I file 4 Immagini, musica e video 5 Compatibilità

Dettagli

I link e l'ipertestualità

I link e l'ipertestualità I link e l'ipertestualità I link sono "il ponte" che consente di passare da un documento all altro. In quanto tali, i link sono formati da due componenti: il contenuto che "nasconde" il collegamento (può

Dettagli

Dopo diversi anni che utilizzo Adobe Illustrator, posso dire con certezza che questo è uno strumento davvero potente oltre che fantastico.

Dopo diversi anni che utilizzo Adobe Illustrator, posso dire con certezza che questo è uno strumento davvero potente oltre che fantastico. PREMESSA Dopo diversi anni che utilizzo Adobe Illustrator, posso dire con certezza che questo è uno strumento davvero potente oltre che fantastico. Con Illustrator ho realizzato davvero di tutto: template

Dettagli

Introduzione all immagine digitale. Laboratorio di Tecnologie Educative A.A. 2003/04

Introduzione all immagine digitale. Laboratorio di Tecnologie Educative A.A. 2003/04 Introduzione all immagine digitale Laboratorio di Tecnologie Educative A.A. 2003/04 immagine digitale RASTER tipologie caratteristiche VETTORIALE molte informazioni dimensione fissa dipendente dalla risoluzione

Dettagli

Le immagini. Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni?

Le immagini. Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni? Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni? In questo caso la situazione sembra del tutto diversa. Il testo scritto è costruito combinando

Dettagli

ESTENSIONI FOTOGRAFICHE

ESTENSIONI FOTOGRAFICHE ESTENSIONI FOTOGRAFICHE Il termine estensione indica una sequenza di caratteri alfanumerici, aggiunti dopo il nome di un file e separati da quest'ultimo da un punto. L'estensione permette all'utente di

Dettagli

Grafica Bitmap e Grafica Vettoriale

Grafica Bitmap e Grafica Vettoriale ITCG CATTANEO CON LICEO DALL'AGLIO- via Matilde di Canossa, 3 - Castelnovo ne Monti (RE) Sezione ITI - Corso di Fisica - prof. Massimo Manvilli Grafica Bitmap e Grafica Vettoriale Grafica vettoriale :

Dettagli

ADOBE PHOTOSHOP CS4 Introduzione e tipi di formati immagine

ADOBE PHOTOSHOP CS4 Introduzione e tipi di formati immagine ADOBE PHOTOSHOP CS4 Introduzione e tipi di formati immagine Adobe Photoshop è un software proprietario prodotto dalla Adobe Systems Incorporated specializzato nell'elaborazione di immagini digitali; la

Dettagli

Sono uno strumento di composizione efficace per combinare più foto in una sola immagine e per effettuare correzioni locali di colori e toni.

Sono uno strumento di composizione efficace per combinare più foto in una sola immagine e per effettuare correzioni locali di colori e toni. Maschere di Livello Maschere di livello Le maschere di livello sono utili per nascondere porzioni del livello a cui vengono applicate e rivelare i livelli sottostanti. Sono uno strumento di composizione

Dettagli

Introduzione alla grafica digitale

Introduzione alla grafica digitale Ugo Romano Introduzione alla grafica digitale per i corsi Shoe Design Fashion Design & Modellistica Digital Design Photoshop Base & Avanzato INTRODUZIONE ALLA GRAFICA DIGITALE Introduzione Introduzione

Dettagli

Elaborazione testi: immagini

Elaborazione testi: immagini by Studio Elfra sas Gestione Immagini Aggiornato a Aprile 2009 Informatica di base 1 Elaborazione testi: immagini Il testo di un documento di Word può essere integrato con immagini di vario tipo: 2 1 Elaborazione

Dettagli

CORSI I principali programmi Adobe Photoshop/InDesign/Illustrator Nozioni di base

CORSI I principali programmi Adobe Photoshop/InDesign/Illustrator Nozioni di base CORSI I principali programmi Adobe Photoshop/InDesign/Illustrator Nozioni di base Interfaccia programma InDesign Comprendere il concetto dei programmi Adobe e la loro funzione Prima di tutto bisogna tener

Dettagli

Introduzione. Installare EMAS Logo Generator

Introduzione. Installare EMAS Logo Generator EMAS Logo Generator Indice Introduzione... 3 Installare EMAS Logo Generator... 3 Disinstallare EMAS Logo Generator... 4 Schermata iniziale... 5 Creare il Logo... 7 Impostazioni... 7 Colore...8 Lingua del

Dettagli

Le Immagini che possiamo importare nel Computer possono avere varie estensioni:

Le Immagini che possiamo importare nel Computer possono avere varie estensioni: LE IMMAGINI (a cura di Raffaella Villa e Maria Rita Tritonj) Le Immagini che possiamo importare nel Computer possono avere varie estensioni: Bmp :le immagini prodotte dai giochi sono in parte bitmap (gli

Dettagli

La codifica delle immagini

La codifica delle immagini Lettere e numeri non costituiscono le uniche informazioni utilizzate dagli elaboratori ma si stanno diffondendo sempre di più applicazioni che utilizzano ed elaborano anche altri tipi di informazione:

Dettagli

OPERATORE GRAFICO IN AZIENDA. è un progetto

OPERATORE GRAFICO IN AZIENDA. è un progetto è un progetto PERCHÉ È UTILE? Per consentire al personale già in forza all azienda di realizzare semplici lavori di grafica (biglietti da visita, volantini, banner, inserzioni sulla stampa, materiale fieristico,

Dettagli

12 famiglie e tipi di file (estensioni più comuni)

12 famiglie e tipi di file (estensioni più comuni) 12 famiglie e tipi di file (estensioni più comuni) Ogni file è caratterizzato da un proprio nome e da una estensione, in genere tre lettere precedute da un punto; ad esempio:.est Vi sono tuttavia anche

Dettagli

Corso di Informatica

Corso di Informatica CdLS in Odontoiatria e Protesi Dentarie Corso di Informatica Prof. Crescenzio Gallo crescenzio.gallo@unifg.it Università degli Studi di Foggia - CdLS in Odontoiatria e Protesi Dentarie Grafica vettoriale!2

Dettagli

Sfumatura riflessa Sfumature che usano sfumature lineari simmetriche su un lato del punto iniziale.

Sfumatura riflessa Sfumature che usano sfumature lineari simmetriche su un lato del punto iniziale. SESTA LEZIONE STRUMENTO SFUMATURA (G) All apertura del comando Sfumatura la barra delle opzioni diventa come nella figura riportata qui sopra. E possibile regolare: i colori del gradiente, il tipo di sfumatura,

Dettagli

Grafica Online Luca Panella Innovatek scrl - Bari

Grafica Online Luca Panella Innovatek scrl - Bari Grafica Online Luca Panella Innovatek scrl - Bari Sommario Scenario Web Nozioni di grafica on-line Principali programmi di grafica web Realizzazione di banner e layout per il web 2 Risorse online Sito

Dettagli

Capitolo V : Il colore nelle immagini digitali

Capitolo V : Il colore nelle immagini digitali Capitolo V : Il colore nelle immagini digitali Lavorare con il colore nelle immagini digitali L uso dei colori nella visione computerizzata e nella computer grafica implica l incorrere in determinate problematiche

Dettagli

Andrea Tomicich ph. Web: http://www.andreatomicich.com Email: info@andreatomicich.com

Andrea Tomicich ph. Web: http://www.andreatomicich.com Email: info@andreatomicich.com Andrea Tomicich ph. Web: http://www.andreatomicich.com Email: info@andreatomicich.com Copyright Tutte le immagini ed il testo contenuto nel presente documento sono di proprietà dell'autore (Andrea Tomicich).

Dettagli

Immagini vettoriali. Immagini raster

Immagini vettoriali. Immagini raster Immagini vettoriali Le immagini vettoriali sono caratterizzate da linee e curve definite da entità matematiche chiamate vettori. I vettori sono segmenti definiti da un punto di origine, una direzione e

Dettagli

SVG Editor. Istituto Italiano Edizioni Atlas 1

SVG Editor. Istituto Italiano Edizioni Atlas 1 SVG Editor SVG-edit è un applicazione per la creazione e modifica di grafica vettoriale in formato svg disponibile on-line. E compatibile con qualsiasi browser, essendo realizzato in linguaggio JavaScript.

Dettagli

Tipologia dei dati e organizzazione delle informazioni Sistemi di indicizzazione e recupero

Tipologia dei dati e organizzazione delle informazioni Sistemi di indicizzazione e recupero Tipologia dei dati e organizzazione delle informazioni Sistemi di indicizzazione e recupero 2. Approfondimento su immagini e grafica IMMAGINI l immagine digitale è una matrice bidimensionale di numeri,

Dettagli

Le immagini digitali

Le immagini digitali Le immagini digitali Formati e caratteristiche di digitalizzazione Processo complessivo 1. Documento originale (eventuale restauro del supporto) Argomento della lezione 2. Scansione 3. Oggetto digitale

Dettagli

Aosta Formati di file immagine. Quick tutorial per scegliere il formato giusto per ogni output. Diapositiva 1 di 13

Aosta Formati di file immagine. Quick tutorial per scegliere il formato giusto per ogni output. Diapositiva 1 di 13 Aosta 2008 Quick tutorial per scegliere il formato giusto per ogni output Diapositiva 1 di 13 Mini glossario per le immagini http://www.zmphoto.it Dpi: ( Dots Per Inch, punti per pollice ) Unità di misura

Dettagli

Corso: ADOBE PHOTOSHOP Base

Corso: ADOBE PHOTOSHOP Base Corso: ADOBE PHOTOSHOP Base Codice PCSNET: ADOB-2 Cod. Vendor: - Durata: 3 gg. Obiettivi Rendere operativi sulle funzionalit di base e di comune interesse del prodotto. Dare una informativa sulle funzionalità

Dettagli

I principali dispositivi periferici impiegati in. computer grafica sono: monitor. stampante. scanner. fotocamera digitale

I principali dispositivi periferici impiegati in. computer grafica sono: monitor. stampante. scanner. fotocamera digitale I principali dispositivi periferici impiegati in computer grafica sono: monitor stampante scanner fotocamera digitale Tutte queste periferiche sono di tipo raster. Un'immagine può avere diversi tipi di

Dettagli

Esercitazioni di Informatica Grafica A.A. 2009-2010

Esercitazioni di Informatica Grafica A.A. 2009-2010 Esercitazioni di Informatica Grafica A.A. 2009-2010 Ing. Simone Garagnani simone.garagnani@unibo.it UNIVERSITA DI BOLOGNA Simone Garagnani - Esercitazioni di Informatica Grafica PARTE II Gli strumenti

Dettagli

Rappresentazione delle Immagini. Corso di Informatica. Rappresentazione delle Immagini. Rappresentazione delle Immagini

Rappresentazione delle Immagini. Corso di Informatica. Rappresentazione delle Immagini. Rappresentazione delle Immagini Corso di Laurea in Conservazione e Restauro dei Beni Culturali Rappresentazione delle Immagini Corso di Informatica Gianluca Torta Dipartimento di Informatica Tel: 011 670 6782 Mail: torta@di.unito.it

Dettagli

GRAFICA. Grafica pubblicitaria ed editoriale - Photoshop - Illustrator - Indesign - Progettazione del verde. Grafica pubblicitaria ed editoriale

GRAFICA. Grafica pubblicitaria ed editoriale - Photoshop - Illustrator - Indesign - Progettazione del verde. Grafica pubblicitaria ed editoriale GRAFICA Grafica pubblicitaria ed editoriale - Photoshop - Illustrator - Indesign - Progettazione del verde Grafica pubblicitaria ed editoriale Il corso ha l'obiettivo di formare gli studenti nella professione

Dettagli

Le immagini digitali. Grafica. Due approcci alla modellazione grafica

Le immagini digitali. Grafica. Due approcci alla modellazione grafica Le immagini digitali 1 Grafica Due approcci alla modellazione grafica Grafica bit-map Immagine è rappresentata come un insieme di punti (pixel) esattamente come sul monitor Non sempre i pixel logici dell

Dettagli

Codifica delle Informazioni

Codifica delle Informazioni Codifica delle Informazioni Luca Bortolussi Dipartimento di Matematica e Informatica Università degli studi di Trieste Panoramica Le informazioni gestite dai sistemi di elaborazione devono essere codificate

Dettagli

C M A P M IONAM A E M NT N O

C M A P M IONAM A E M NT N O IMMAGINE DIGITALE Nelle immagini digitali, il contenuto fotografico (radiometria) viene registrato sotto forma di numeri. Si giunge a tale rappresentazione (RASTER) suddividendo l immagine fotografica

Dettagli

Nozioni di Web Design

Nozioni di Web Design Costruzione di siti e pagine Web tenere sempre presente lo scopo del sito anticipare i bisogni e gli interessi dell utente Le tre C del web design: Quality Content Reader Convenience Artistic Composition

Dettagli

Manuale Fax2Mail Guida all uso. Operativo

Manuale Fax2Mail Guida all uso. Operativo Guida all uso Operativo PREMESSA La soluzione Fax2Mail di TWT è un servizio che permette di inviare e ricevere fax via email, attraverso l associazione di un indirizzo di posta elettronica e un numero

Dettagli

PROGRAMMA DIDATTICO: CORSO DI GRAFICA TEORICA

PROGRAMMA DIDATTICO: CORSO DI GRAFICA TEORICA Durata Titolo del Corso Descrizione Tipologia 21 ore Corso di Computer Grafica: Le basi di Illustrator Completo Corso di Computer Grafica: Le basi di Photoshop Sintetico 19 ore Corso di Grafica Teorica

Dettagli

APPUNTI DI HTML (TERZA LEZIONE)

APPUNTI DI HTML (TERZA LEZIONE) Il web è costituito non da testi ma da ipertesti. APPUNTI DI HTML (TERZA LEZIONE) I link ci permettono di passare da un testo all altro. I link sono formati da due componenti: IL CONTENUTO "nasconde" il

Dettagli

Il Watermak Teoria e tecniche di utilizzo

Il Watermak Teoria e tecniche di utilizzo Il Watermak Teoria e tecniche di utilizzo 1/15 2/15 In informatica, il termine watermarking si riferisce all'inclusione di informazioni all'interno di un file multimediale o di altro genere, che può essere

Dettagli

La rappresentazione dell informazione. La codifica dei dati multimediali. Sommario

La rappresentazione dell informazione. La codifica dei dati multimediali. Sommario La rappresentazione dell informazione Su questa parte vi fornirò dispense Sui testi di approfondimento: leggere dal Cap. 2 del testo C (Console, Ribaudo): 2.3, 2.4 Parte II La codifica dei dati multimediali

Dettagli

Publishing & Editing Immagini

Publishing & Editing Immagini Publishing & Editing Immagini Un'immagine digitale è la rappresentazione numerica di una immagine bidimensionale. La rappresentazione può essere di tipo vettoriale oppure raster (altrimenti detta bitmap);

Dettagli

Premessa. Per questo tutte le informazioni nel computer debbono essere (e sono) rappresentate in binario.

Premessa. Per questo tutte le informazioni nel computer debbono essere (e sono) rappresentate in binario. Rappresentazione delle Informazioni in un Sistema di Elaborazione Prof. Claudio Maccherani Premessa Il computer, come è noto, è basato sulla logica binaria: tutto al suo interno viene rappresentato in

Dettagli

CAP VII Esportazione

CAP VII Esportazione VII.1 MARCATORI DVD. CAP VII Esportazione Dopo aver ottenuto, in seguito alle diverse forme di rielaborazione sia delle tracce video che delle tracce audio, un video che risponda alle proprie aspettative,

Dettagli

wave a 44,1 khz, 16 bit, PCM, stereo (standard cd audio) L utilizzo di una risoluzione dipende anche dal supporto che la dovrà ospitare.

wave a 44,1 khz, 16 bit, PCM, stereo (standard cd audio) L utilizzo di una risoluzione dipende anche dal supporto che la dovrà ospitare. Il Suono Digitale Capitolo 3 - Formati e standard digitali dei file audio Il formato Wave, Wave 64, AIFF pag 1 Il Transfert Rate pag 4 Il formato mp3 pag 5 Il trasferimento di file tramite Internet pag

Dettagli

P03_S50AT01_Manuale Fax2Mail Rev 02 del 11/04/2013. Manuale Fax2Mail-Guida all uso

P03_S50AT01_Manuale Fax2Mail Rev 02 del 11/04/2013. Manuale Fax2Mail-Guida all uso -Guida all uso PREMESSA La soluzione Fax2Mail di TWT è un servizio che permette di inviare e ricevere fax via email, attraverso l associazione di un indirizzo di posta elettronica e un numero di fax. Esistono

Dettagli

Photohands. Software di ritocco e stampa per Windows. Manuale di istruzioni. Versione 1.0 K862PSM8DX

Photohands. Software di ritocco e stampa per Windows. Manuale di istruzioni. Versione 1.0 K862PSM8DX I Photohands Versione 1.0 Software di ritocco e stampa per Windows Manuale di istruzioni K862PSM8DX Windows è un marchio di fabbrica di Microsoft Corporation. Altre aziende e nomi di prodotti sono marchi

Dettagli

UNIVERSITÀ - OSPEDALE di PADOVA MEDICINA NUCLEARE 1. Lezione 5: Formati di immagine: JPEG. D. Cecchin, F. Bui FORMATO GRAFICO JPEG

UNIVERSITÀ - OSPEDALE di PADOVA MEDICINA NUCLEARE 1. Lezione 5: Formati di immagine: JPEG. D. Cecchin, F. Bui FORMATO GRAFICO JPEG UNIVERSITÀ - OSPEDALE di PADOVA MEDICINA NUCLEARE 1 Lezione 5: Formati di immagine: JPEG D. Cecchin, F. Bui FORMATO GRAFICO JPEG ACRONIMO DI: JOINT PHOTOGRAPHIC EXPERT GROUP SVILUPPATO NEL: 1986 da un

Dettagli

Informatica pratica. Trattare le immagini digitali

Informatica pratica. Trattare le immagini digitali Informatica pratica Trattare le immagini digitali Riassunto della puntata precedente Abbiamo visto che: L'immagine digitale è costituita da tanti pixel (puntini) Il colore viene trattato secondo modalità

Dettagli

Cenni alla compressione delle immagini

Cenni alla compressione delle immagini Cenni alla compressione delle immagini Introduzione Buona parte delle informazione viene veicolata sotto forma di immagini Le immagini vengono gestite dai calcolatori come una matrice di digital picture

Dettagli

LA CODIFICA DELLE IMMAGINI

LA CODIFICA DELLE IMMAGINI asdf LA CODIFICA DELLE IMMAGINI 3 March 2012 Premessa L'articolo che segue vuole essere, senza alcuna pretesa di rigore scientifico e di precisione assoluta, in quanto non ne possiedo le competenze, una

Dettagli