Dimensione sfondo e contenuto della pagina trasparente 
Autore: Cinzia R.
Visite 2057,
Followers 1,
Condiviso 0
Buonasera. Vorrei mettere come sfondo di un sito un'immagine creata con un programma di grafica, ma il mio problema è: quali dimensioni devo dare alla mia immagine, per fare in modo che venga visualizzata correttamente da qualsiasi computer (o altro dispositivo)? prob
Altro problema: come posso fare in modo che il contenuto della pagina risulti con sfondo colorato ma leggermente trasparente in modo che si intraveda lo sfondo della pagina?
Molte grazie
Cinzia
Postato il
ciao,
__________1________________________________
... dipende da ciò che vuoi ottenere realmente...
... se non ti interessa l'aspetto RATIO, per lo sfondo puoi usare le opzioni previste per l'adattamento dell'immagine ai bordi della finestra del browser ottenibile al:
Passo 1 - Impostazioni Generali > Modello Personalizzato
Sfondo della Pagina > ▪Disposizione
... se ti interessasse l'aspetto RATIO, allora dovresti ricorrere a codici personalizzati per il controllo proporzionale...
__________2________________________________
... sempre nella stessa posizione indicata prima, per le aree interne al Sito per esempio il
Contenuto della Pagina usare uno sfondo PNG in trasparenza ALFA (ALPHA), di cui ne vedi un mio esempio qui: http://www.zspace.it/kolasim/wsx5_v8/trasparenza4/
...
.
ciao, KolAsim
le opzione per l'adattamento dello sfondo rispettano a pieno l'aspetto ratio.
... se così fosse, ...direi ottimo ...
... ma dalla guida v.10 non mi è emersa tale possibilità, o no l'ho saputa interpretare:
.
ciao
probabilmente è riferito al fatto che se ci sono eccedenze dovute alle diverse proporzioni tra immagine e finestra vengono tagliate, secondo il caso in orizzontale piuttosto che verticale ma l'immagine non viene distorta.
Autore
Molte grazie! Però l'immagine che devo prepararmi che dimensioni deve avere?
E...scusa l'ignoranza...cos'è l'aspetto Ratio?
E l'immagine PNG in trasparenza Alfa che dimensioni dovrebbe avere?
Grazie ancora!!!
Prova ad inserire questa immagine come sfondo pagina, e metti ripeti verticale e orrizzontale....
... allora non direi, ...ma è ottimo...
(1) - direi di stare in una via di mezzo tra i monitor giganti e quelli medi, in rapporto 4:3 potrebbe andar bene 1600x1200 pixel oppure 1400x1050 pixel ...e se si considerassero i monitor larghi 3:2 o 16:9 potrebbe andar bene 1600x1070 | 1400x935 oppure 1600x900 |1400x788...
... con questi rapporti, sui monitor giganti (21-23 pollici) l'immagine sgranerebbe di poco, appena percettibile all'occhio umano, viceversa nei monitor medi e piccoli, sarebbero compresse mantenendo una ottimale definizione e nitidezza perdendo dei dettagli non percettibili dall'occhio umano; ...direi per conto mio che 1400x1050 accontenterebbe un po' tutti, con peso adeguato, che se ottenuto con una equilibrata compressione non dovrebbe mai superare i 200 KB;
(2) - è il rapporto proporzionale mantenuto stabile rispetto alla finestra ospite; ...se la finestra fosse a tutta apertura di misura 1024x768 una immagine di 1600x1200 si adeguerebbe perfettamente alla cornice, invece una immagine 1400x788 si ridurrebbe presentando bande nere verticalmente ed occupando la larghezza per intero, e questo per mantenere l'aspetto RATIO o razionale, cioè, se nell'immagine fossero presenti un QUADRATO ed un CERCHIO esatti, nell'adeguamento manterrebbero sempre l'aspetto di QUADRATO e di CERCHIO senza deformarsi per diventare RETTANGOLO e OVALE; ...ecco, questo è l'aspetto RATIO;
... [4:3 = 1600:1200 = 1024:768 = 400:300] (ecc.) ...
(3) - per il metodo più semplice, ...basta una immagine TILE o tegola di sfondo, ripetuta verticalmente/orizzontalmente;
... Mirko ti ha già fornito la sua immagine, e nel mio esempio precedente ho usato questa mia immagine, che puoi rilevare anche dal codice HTML: http://www.zspace.it/kolasim/wsx5_v8/trasparenza4/res/content.png
... attualmente, ber i browser evoluti, può essere usato anche il parametro CSS "ALPHA/OPACITY" che rende la trasparenza progressiva tra valori 1-100, da integrare con codice personalizzato nella pagina, sezione esperto...
.
.
... in caso di chiarimenti, fatti risentire...
.
ciao, KolAsim
Autore
Grazie KolAsim! E' molto complicato usare il parametro che mi suggerisci? E cosa significa che la trasparenza è progressiva?
Ciao!
... per esempio, nel GIF puoi assegnare lo sfondo trasparente al 100%, cioè vuoto...
... invece in PNG, con un programma di grafica più evoluto di Paint (o con WebSiteX5, per come ti avevo detto), puoi assegnare trasparenza in percentuale da 1-100, in modo da avere più o meno opacità per vedere quello che c'è sotto, più o meno nome avviene con i vetri più o meno smerigliati, ...ed in più è possibile avere delle trasparenze sfumate, che puoi notare, anche se limitata, nel mio predente esempio nel bordo superiore ed inferiore della parte bianca ...
... ridimensiona la finestra e muovi l'angolo basso/destro per vedere l'effetto della trasparenza in basso...
.
ciao