immagine troppo grande

stargenesis83

Utente Attivo
16 Gen 2006
61
0
0
salve.. ho realizzato una pagina web.. cioè in photoshop cs ho creato tutta la grafica della pagina web e in dreamweaver mx devo solo mettere qualche link. il problema è che l'immagine è più di 1MB. ho fatto "salva con nome", ho selezionato .JPG e su opzioni Jpeg ho scelto qualità "massima". ho provato anche "qualità alta" e il file è di circa 300kb e ho pubblicato la pagina.. ci impiega 5-6 secondi a caricarsi. a me sembra troppo e io ho fastweb!!volevo anche sapere 1 cosa. a volte quando salvo mi crea 1 cartella: "images" contenente i vari pezzi dell'immagine. come faccio a mettere quei "pezzi" nella pagina web? in html come faccio a collegare la cartella con la pagina.. cioè.. a unire tutti quei pezzi nella pagina grazie alle tabelle? ci sarà un tag no?

grazie..
 

djnicola

Utente Attivo
12 Ott 2005
123
0
0
Allora...

Ti conislio innanzi tutto di dividere l'immagine della grafica in tante parti, quanti sono le sezioni del layout di pagina, e di salvarle in formato gif con l'opzione "salva per il web".

Poi devi creare una tabella in modo che appaiano le celle simili al tuo layout, e tramite css attribuire ad ogni cella come sfondo la parte di immagine che precedentemente hai salvato.

Ceptive Web
Tante faccine per il tuo sito - Corsi
 

sassidesign

Utente Attivo
15 Lug 2005
172
1
0
38
Canosa (BA)
www.sassidesign.it
non c'è bisogno di tutto questo casino. puoi fare tutto con photoshop.

se hai un'immagine tagliata a pezzi con lo slice ti basta fare "salva per il web" e scegliere come opzione HTML&IMAGES (o qualcosa del genere) piuttosto che IMAGES ONLY.

vedrai che troverai tutto nella cartella in cui salvi, compresa la pagina html generata automaticamente da photoshop.
per ricavarti il tag puoi aprire la pagina html e "spiarne" il codice :byebye:
 

stargenesis83

Utente Attivo
16 Gen 2006
61
0
0
...

ok.. fatto!! vorrei mettere dei links sopra a queste immagini ma se seleziono "il pezzo" per scriverci sopra naturalmente si cancella il pezzo e mi scrive sullo sfondo bianco. avevo anche pensato di fare in questo modo: scrivere in photoshop le voci del menu e in dreamweaver mx "mappare" le scritte che fanno da links. il fatto è che l'utente è abituato a vedere i links che cambiano colore al passaggio del mouse. quale soluzione scegliere?
facendo le pagine come sto facendo adesso(tabelle con pezzi di immagine all'interno) gli altri browser tipo mozilla, visualizzerannno correttamente tutto?in base alle mie ricerche o usavo div con i css o le tabelle per non trovare parti della pagina scombinati con altri browser.. appunto mozilla.tu che mi dici?

1 ultima cosa: mi salva il tutto con 1 pagina html e una cartella "images" ma a me le pagine sono 13. devo ogni volta rinominare la cartella e dentro il codice html i collegamenti alle immagini vero?





ti ringrazio tanto della disponibilità.. e della pazienza che mi hai offerto.. :fonzie:
 
Ultima modifica:

sassidesign

Utente Attivo
15 Lug 2005
172
1
0
38
Canosa (BA)
www.sassidesign.it
allora...
creati una nuova immagine cambiando solo il colore delle scritte e ritaglia la nuova immagine con le stesse ed identiche dimensioni di quella precedente. poi con dreamweaver metti il rollover alle immagini in modo da ottenere l'effetto "cambia colore" sui link che in questo caso sono immagini. dovrai pertanto evitare la mappatura :(

con gli altri browser non ci dovrebbero essere problemi.

stargenesis83 ha scritto:
1 ultima cosa: mi salva il tutto con 1 pagina html e una cartella "images" ma a me le pagine sono 13. devo ogni volta rinominare la cartella e dentro il codice html i collegamenti alle immagini vero?
penso di si
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
F Aiuto! cambio immagine di sfondo al cambio pagina HTML e CSS 2
gara1 inserire immagine di sfondo in canvas Javascript 0
T Dividere un'immagine in 3 parti orizzontali e salvarle separatamente Photoshop 2
W Immagine come maschera photoshop Photoshop 1
L Ultima immagine Windows e Software 0
A Immagine decentrata con sfondo trasparente Photoshop 0
A Scontornare immagine di bassa qualità. Photoshop 2
B Selezionare un'immagine e salvare la selezione Photoshop 3
F Immagine come fosse selezione attiva Photoshop 1
Y Percorso assoluto file immagine HTML e CSS 9
K Come posso usare un'immagine al posto di un bottone? HTML e CSS 2
M Upload immagine con javascript problemi con FormData() Javascript 1
M Visulizzare immagine con php PHP 8
Stex1967 Salvare una immagine che si trova su porta TCP 8080 di altro sito PHP 7
L Come caricare un'immagine in Canvas dinamicamente Javascript 0
R Cambiare il nome dell'immagine dopo caricamento ftp HTML e CSS 0
L salvare una immagine elaborata in canvas Javascript 1
L salvare una immagine elaborata in canvas Javascript 1
Y Come caricare e visualizzare un'immagine PHP 0
S Testo scrolla su immagine che cambia HTML e CSS 0
M Quando ha l'immagine ingrandita è possibile fare rotazione per ritagliare? Photoshop 0
R Caricamento immagine su cartella remota + mysql PHP 3
R Non riesco a rinnovare l'immagine di sfondo PHP 1
R Non riesco a cambiare l'immagine di sfondo PHP 4
L Upload di un'immagine all'interno di un database usando php PHP 6
G Modifica immagine di sfondo attraverso un bottone PHP 18
F photoshop portable : spostamento immagine Photoshop 0
A Server Apache immagine not found (ERROR 404) Apache 5
P [Photoshop] ritagliare una immagine Photoshop 1
S [PHP] Recupero nome immagine da Form con input file PHP 3
D [Javascript] salvare immagine canvas - paypal Javascript 0
D [HTML] Inviare un link contenente un' immagine HTML e CSS 4
M [PHP] Cercare l'ultima immagine caricata in una cartella datata PHP 15
C [Photoshop] bordi tondi come posso fare per ottenerli come nell'immagine allegata Photoshop 2
M [HTML] Tasto condivisione social e immagine HTML e CSS 2
R [HTML] Effetto carousel di testo su immagine fissa HTML e CSS 2
L [HTML] problema sfondo tutto schermo con immagine HTML e CSS 1
A Php variabile immagine inesistente PHP 4
R [PHP] Testo su immagine al passaggio del mouse PHP 2
L [PHP] controllo dimensione immagine per il resize PHP 2
felino [Wordpress] Immagine di sfondo (sotto il template) WordPress 8
Shyson [HTML] Sovrapporre un'immagine su un'altra HTML e CSS 2
A [PHP] Segnalazione in up-load immagine PHP 2
C [PHP] Scrivere testo su immagine PHP 3
E [HTML] Allineamento immagine agli angoli inferiori di un div HTML e CSS 12
A [WordPress] Link multiplo su immagine WordPress 9
I [Photoshop] Come realizzare immagine tonalità di grigio Photoshop 0
edittaruocco [Photoshop] Immagine in editor grafico Photoshop 0
A Salvare immagine ridimensionata in MySql con GD PHP 12
I Effetto glowing su immagine con GIMP Webdesign e Grafica 0

Discussioni simili