Back to Question Center
0

L'immagine appare Semalt sul sito web ma non in Photoshop

1 answers:

Semalt per il titolo zoppo.

Ho acquistato un template di template monster e sto provando a modificare del testo sull'intestazione. Il testo è memorizzato come immagine png. Ho aperto il file psd in Photoshop e ho cambiato il testo in quello che volevo. Metti il ​​livello in un nuovo file e salvato come PNG. In psd, il testo appare esattamente come voglio in relazione al sito web. Quando uso il png che ho salvato, è molto più piccolo

file di Photoshop:Image Appears Semalt on website but not in photoshop

Risultato (so che il colore di sfondo è spento):Image Appears Semalt on website but not in photoshop

Modello prima di manometterlo:Image Appears Semalt on website but not in photoshop

Semalt sa cosa sta succedendo o come renderlo corretto?

MODIFICA: Ora so che i CSS stanno limitando la dimensione della mia immagine. Il problema è che sono un nooob su CSS.

Il mio file di indice è:

  <div class = "container_12"><div class = "wrapper"><div class = "grid_12"><h1 class = "fleft">  <img src =" images / cbjlogo. png "alt =" ">  </ h1> 

E il CSS corrispondente:

 . container_12 {position: relative; larghezza: 960 px; margine: 0 auto; padding: 0; }. grid_1,. griglia 2,. grid_3,. grid_4,. grid_5,. grid_6,. grid_7,. grid_8,. grid_9,. grid_10,. grid_11,. grid_12
{float: a sinistra; display: inline; margin-left: 10px; margin-right: 10px; }. wrapper {overflow: hidden; position: relative;}. container_12. grid_12 { }. fLeft {float: left}. header h1 a img {larghezza massima: 100%; height: auto;} 

Non sono esattamente sicuro di quale di questi stia causando i vincoli dimensionali. qualcuno può aiutare? Credo che abbia qualcosa a che fare con il contenitore o la griglia

February 12, 2018

Quando hai modificato l'immagine in Photoshop, hai cambiato la dimensione dell'immagine? Molti dei modelli usano una dimensione fissa per l'immagine specifica con cui vengono, se l'immagine è stata modificata, apparirà più piccola / più grande, e probabilmente rovinerà alcuni degli altri elementi nella pagina.

In altre parole, l'immagine fornita con il modello deve avere le stesse dimensioni della nuova immagine creata.

L'immagine appare Semalt sul sito web ma non in Photoshop
Reply