Risoluzione logo

[jurij74]

Devo inserire un logo con le seguenti caratteristiche:

848 X 820 pixel dimensione pixel: 1,99 MB
7,18 X 6,94 cm
300 pixel/pollice

in un'immagine di sfondo con le seguenti caratteristiche:

1280 X 800 pixel dimensione pixel: 2,93 MB
10,84 X 6,77 cm
300 pixel/pollice

ma quando visualizzo lo sfondo con il logo, quest'ultimo risulta sgranato,
come posso risolvere questo problema?

di seguito il css relativo alla pagina html

grazie


html, body
{
min-height: 100%;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
font: 9pt/11pt Arial;
color: #000000;

}

html>body, html>body
{
height: auto;
}

#sfondo
{
position: absolute;
z-index: 1;
height:100%;
width: 100%;
margin: 0;
padding: 0;

}




#sfondo_navbar
{
position: absolute;
z-index: 2;
width: 10%;
height: 59%;
left: 14%;
top: 63%;

}

#navbar
{
position: absolute;
z-index: 3;
width: 6%;
height: 38%;
top: 20%;
left: 3%;
padding: 1%;
}

#navbar ul
{
list-style: none;
margin: 0;
padding: 0;
}

#navbar li
{
border-bottom: 0px solid #000000;
margin-bottom: 0.3em;
}

#navbar li a:link, #navbar a:visited, a
{
text-decoration: none;
color: #000000;
}

#navbar li a:hover, #navbar a:hover
{
color: #E00B12;
}

#sfondo_contenuto
{
position: absolute;
z-index: 4;
width: 40%;
height: 59%;
left: 24%;
top: 63%;

}

#contenuto
{
position: absolute;
z-index: 5;
width: 28%;
height: 65%;
left: 13%;
top: 19%;
padding: 1%;
overflow: auto;
}

#contenuto a
{
text-decoration: underline;
}

[Myaku]

come prima cosa, inizia con l'ottimizzare correttamente le immagini per il web. Risalva a 72 ppi.

Fatto questo, se si vede ancora male, postaci il link alla pagina, che altrimenti non si capisce se è un problema grafico o di codice. Con le informazioni che ci hai dato non sappiamo nè quale sia il formato del logo, nè come il css si relaziona all'html (nel caso il problema sia il codice)

[jurij74]

Di seguito il link alla pagina in questione,

http://www.marino.altervista.org/Contatti.html

il logo è quello in alto a sx

grazie

[Myaku]

innanzitutto io vedo un'immagine unica, logo + sfondo, e lo vedo bene.
Mi confermi per cortesia di aver risalvato l'immagine a 72 ppi?

[jurij74]

se vedi quest'altra pagina

http://www.marino.altervista.org/Contatti.htm

noti che il logo in basso a sx è più nitido,
considera che le pagine le ho fatte tutte e due io e non mi spiego la differenza

[jurij74]

se risalvo tutto a 72 si sgrana completamente l'immagine

[Myaku]

Originariamente inviato da jurij74
se vedi quest'altra pagina

http://www.marino.altervista.org/Contatti.htm

noti che il logo in basso a sx è più nitido,
considera che le pagine le ho fatte tutte e due io e non mi spiego la differenza

edit: sorry, non ho visto l'ultimo post.

occhio però, che su ff mac il logo non si vede

[Myaku]

Originariamente inviato da jurij74
se risalvo tutto a 72 si sgrana completamente l'immagine

ok, me l'appoggi un attimo online per cortesia?

edit: nulla, stai dimensionando le immagini in base alla finestra del browser, l'inghippo dovrebbe stare lì.
Inoltre, stai strutturando male il codice. Se l'immagine va come sfondo, dovresti inserirla come background da css, e non come immagine html.
Ognimodo, tieni l'immagine a 72 ppi, che altrimenti hai un peso eccessivo.
Se l'immagine sgrana, può essere che 1. sia troppo piccola 2. sia dovuto proprio al ridimensionamento "liquido" del layout

[jurij74]

ecco il link a risoluzione 72
http://www.marino.altervista.org/Contatti.html

se la inserisco come background nel css, se voglio cambiare l'immagine per ogni pagina del sito non so come fare non sono così bravo

[Myaku]

si, sgrana, ma salvandola a 72 l'hai anche resa molto più piccola, hai cambiato anche le dimensioni oltre alla risoluzione.
Prova ad usare questa che ti ho risalvato al volo.
Considera comunque che con un ridimensionamento fluido, comunque in alcuni casi l'immagine ti andrà a sgranare o deformarsi