Imposta Webstyler come Pagina Iniziale - Set Webstyler as Home page
Aggiungi Webstyler ai tuoi Preferiti

 

sponsor


Clicca il settore che ti interessa e di cui vuoi vedere la lista degli articoli

SISTEMI OPERATIVI

TREND WEB

MARKETING

WEB WRITING

WEB STYLE

WEB DESIGN

DATABASE

ASP

PHP

Clicca il settore che ti interessa e di cui vuoi vedere la lista dei tutorial

MARKETING

WEB DESIGN

ASP

PHP

Lista Faq

Lista News

FAQ

NEWS

Vota il sondaggio !!!

Cosa manca in questo portale
Sezione Download
Libreria immagini
Libreria icone
Script php - mysql
Interviste web designer
altro (commenta)
iscriviti alla newsletter per ricevere le novità del sito comodamente nella tua casella di posta elettronica

 iscrizione

 cancellazione

La ns galleria dedicata alle opere digitali

VISITA LA GALLERIA DIGITALE

Aiutaci a far crescere Webstyler , collaborare è facile e veloce

COLLABORA 

LOGIN

Clicca per visualizzare tutti i link recensiti

Gdesign
AZ
Radio Spazio A4
Innoland
Portfolio
Simply4you
Mw Hardware Max
Wetalk
Guarda tutti i link

Clicca per visionare la classifica completa !

Korat Ozturan32856

Fox Comunication4139

Cherry Bomb Press1249
Classifica completa

Chi siamo .:. Cosa facciamo .:. Cosa faremo .:.

CHI SIAMO

CONTATTACI

Inserite le parole da cercare - Il metodo utilizzato di default è l'and , cioé verrano selezionate le pagine che contengono tutti i valori da Voi inseriti

Comunità Virtuale - Entra nel ns Nuovo FORUM !! Oppure in CHAT !!

FORUM

CHAT

 
 
Data : 07-04-2002 Autore : Webstyler
Tipo : TutorialSettore : web design
Titolo : Inserire un'immagine
     

Le immagini che possiamo inserire sono .gif , .jpg e png , formati compressi che permettono l'ottimizzazione delle immagini per utilizzi come quello , appunto , su internet .


Innanzitutto distinguiamo le caratteristiche salienti dei tre formati , che verranno comunque trattate in dettaglio in un prossimo articolo:


-- gif --


Questo formato permette di :


> salvare immagini trasparenti , cioé che siano adattabili a qualsiasi sfondo


> salvare animazioni , per esempio i banner che si vedono sono .gif
(esclusi quelli creati in flash)


Le limitazioni di questo formato sono principalmente il numero massimo di colori , 256


-- jpg --


Normalmente utilizzato per immagini fotografiche e/o con  sfumature
complesse .


Questo formato permette di ottenere :


> un'altissima compressione dell'immagine che viene notevolmente
ottimizzata 


> ampia possibilità di scelta di ottimizzazione , più dedico di
ottimizzare l'immagine più questa sarà piccola ma allo stesso tempo maggiori saranno i dettagli persi .


La limitazione sta nel fatto che quando viene ottimizzata l'immagine alcuni colori possono essere variati , e se uno di questi è quello di sfondo , nel momento in cui inseriremo l'immagine nella ns pagina il distacco sarà molto visibile .


-- png --


Riconosciuto solo dai browser con versione dalla 4.x in poi (ie, netscape,..) potrebbe essere paragonato al formato jpg


Ora vediamo come si inserisce la ns immagine che sarà questa : 
magnify.gif  


TagEsempioRisultato
<img src="nomefile immagine"><img src="magnify.gif">



Alcuni attributi di questo tag :










TagNote EsempioRisultato
alt="descrizione" Testo che verrà visualizzato quando l'utente passa sopra la ns immagine<img  src="magnify.gif"
alt=
"Descrizione esempio">

Descrizione esempio

border="valore"determina lo spessore del bordo intorno ad un'immagine (in pixel) <img border="2"
src="magnify.gif" alt="Descrizione esempio">

Descrizione esempio

height="altezza" width="larghezza" Specifica la dimensione (larghezz x altezza)
dell'immagine , in questo modo in fase di caricamento il browser riserva questo spazio per l'immagine , facendo anche sembrare il download più veloce.
<img border="2" src="magnify.gif" alt="Descrizione esempio" width="20" height="19">

Descrizione esempio


Ricordiamo che gli attributi sono facoltativi e che è possibile inserire più attributi contemporanemaente, come nel secondo esempio .


Per l'allineamento dell'immagine vi rimandiamo all'articolo che parla della formattazione delle pagine .

torna alla home page

 

v.2.0 - © Copyright 2002-06 Webstyler.it . Tutti i diritti sono riservati.
E' vietata la riproduzione anche parziale

Risoluzione ottimale 1024 x 768 

| info@webstyler.it | webmaster@webstyler.it |