Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12

Discussione: Risoluzione logo

  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2009
    Messaggi
    24

    Risoluzione logo

    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;
    }

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    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)

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2009
    Messaggi
    24
    Di seguito il link alla pagina in questione,

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

    il logo è quello in alto a sx

    grazie

  4. #4
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    innanzitutto io vedo un'immagine unica, logo + sfondo, e lo vedo bene.
    Mi confermi per cortesia di aver risalvato l'immagine a 72 ppi?

  5. #5
    Utente di HTML.it
    Registrato dal
    Apr 2009
    Messaggi
    24
    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

  6. #6
    Utente di HTML.it
    Registrato dal
    Apr 2009
    Messaggi
    24
    se risalvo tutto a 72 si sgrana completamente l'immagine

  7. #7
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    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

  8. #8
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    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

  9. #9
    Utente di HTML.it
    Registrato dal
    Apr 2009
    Messaggi
    24
    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

  10. #10
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    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

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.