Problemi con dimensione immagine e CSS

[gianlucaweb]

Ciao a tutti

Sto provando un template responsive gratuito, ma sto avendo problemi ad adattare un'immagine della home page alla stessa dimensione di quella originale che vorrei sostituire con la mia.

La home page originale è questa:

https://i.imgur.com/69BhZ68.png

Da Photoshop le dimensioni dell'immagine sembrano essere queste:

1920px X 943px risoluzione 72 pixel/inch


La vorrei sostituire con la mia da:

2048px X 1365px risoluzione 72 pixel/inch

La ritaglio con la taglierina alle stesse dimensione dell'originale esporto in jpg e gli assegno lo stesso nome:

https://i.imgur.com/0aG0uFL.png



ma mi ritrovo come risultato finale sempre questo o qualcosa di simile:

https://i.imgur.com/AYcXWQV.jpg

In pratica sempre tagliata.

Il ccs che gesisce la sezione è questo:

/* Header Section */
.intro {
    display: table;
    width: 100%;
    padding: 0;
    text-align: center;
    color: #333;
    background: url(../img/intro-bg.jpg) no-repeat center top;
    background-color: #e5e5e5;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

Potete aiutarmi a capire quale sia il problema e cosa sbaglio?

Grazie

[darkwolf]

Un link di esempio farebbe comodo.
Se riesci a fornire il link originale e il link della nuova immagine, sarà più facile aiutarti (via debug del browser).

[gianlucaweb]

Un link di esempio farebbe comodo.
Se riesci a fornire il link originale e il link della nuova immagine, sarà più facile aiutarti (via debug del browser).

Il link originale è questo:

http://www.templatewire.com/magnum-f...folio-template


Il mio l'ho sto ancora personalizzando in locale.


La mia immagine che vorrei sostituire a quella originale è questa:

http://funkyimg.com/i/2x3ra.jpg

Grazie

[darkwolf]

Presa quell'immagine e passata nel css sostituendo solo il link dell'immagine precedente. É questo che vuoi o la preferisci piazzata meglio?

Eg: mettendo bottom anziché top:

[gianlucaweb]

Presa quell'immagine e passata nel css sostituendo solo il link dell'immagine precedente. É questo che vuoi o la preferisci piazzata meglio?

Eg: mettendo bottom anziché top:

Dove lo hai inserito bottom, qui?

background: url(../img/intro-bg.jpg) no-repeat center top;

In effetti andrebbe già molto meglio, ma come vedi l'immagine viene comunque tagliata in alto e non vorrei perdere quei colori blu del cielo al tramonto. Non capisco perché non riesco a farcela entrare come voglio. Hai qualche idea in merito?

Grazie ancora per l'assistenza e il consiglio.