Proč není banner z Photoshopu, umístěný na webu, ostrý?

4. 9. 2016 21:55:18

Dobrý den,

učím se vyrobit si bannery ve Photoshopu. Jeden zkušební vzorek jsem uložila jako GIF a vložila na web. Ve Photoshopu je krásně ostrý, ale na webu vypadá dost neduživě. Prosím, čím to je? Jaké mám mít nastavení, když začínám nový soubor a jak to mám nakonec ukládat? Děkuji. Zkušební bannerek je úplně ve spod článku ( je tam jen na chvíli) http://ellanela.cz/?p=698

Tuším, že mi řeknete, že Photoshop asi není ideální na tvorbu bannerů, ale když už ho mám...

4. 9. 2016 21:55:18

https://webtrh.cz/diskuse/proc-neni-banner-z-photoshopu-umisteny-na-webu-ostry/#reply1221755

Hitman1

(38 hodnocení)

4. 9. 2016 22:01:13

Myslím že na photoshopu není nic špatného pro tvorbu bannerů...

Řekl bych že to bude pouze nastavením výstpu. Gif není příliš ideální formát, jednak má jen 256 barev a nemá alfa kanál. Na ostrost by to asi vliv mít nemělo, ale za zkoušku moc nedáš. Zkus uložit v png jestli to bude lepší.

Nedávno jsem to také řešil, šlo o Corel. Nepodařilo se mi uložit kvalitní jpg, ani když jsem dal kvalitu 100% pořád to nebylo ono. Nakonec jsem uložil do png a bezproblému...

4. 9. 2016 22:01:13

https://webtrh.cz/diskuse/proc-neni-banner-z-photoshopu-umisteny-na-webu-ostry/#reply1221754

Soňa Němcová

4. 9. 2016 22:10:19

Napsal Hitman1;1322028
Myslím že na photoshopu není nic špatného pro tvorbu bannerů...
Řekl bych že to bude pouze nastavením výstpu. Gif není příliš ideální formát, jednak má jen 256 barev a nemá alfa kanál. Na ostrost by to asi vliv mít nemělo, ale za zkoušku moc nedáš. Zkus uložit v png jestli to bude lepší.
Nedávno jsem to také řešil, šlo o Corel. Nepodařilo se mi uložit kvalitní jpg, ani když jsem dal kvalitu 100% pořád to nebylo ono. Nakonec jsem uložil do png a bezproblému...

Děkuji, zítra ráno to vyzkouším znova :)

4. 9. 2016 22:10:19

https://webtrh.cz/diskuse/proc-neni-banner-z-photoshopu-umisteny-na-webu-ostry/#reply1221753

onsad

(11 hodnocení)

4. 9. 2016 22:29:06

Photoshop je na bannery ideální. Ukládal bych bannery v JPG, nebo PNG. Jak píše Hitman1.

4. 9. 2016 22:29:06

https://webtrh.cz/diskuse/proc-neni-banner-z-photoshopu-umisteny-na-webu-ostry/#reply1221752

Jakub Jeřábek

4. 9. 2016 22:43:02

Problém je v tom, že ten obrázek je velký 300×171 pixelů, ale na webu se zobrazuje 304×173. Tím, že se roztáhne, tak se rozmaže.

4. 9. 2016 22:43:02

https://webtrh.cz/diskuse/proc-neni-banner-z-photoshopu-umisteny-na-webu-ostry/#reply1221751

David Musil

(68 hodnocení)

5. 9. 2016 00:04:41

Jak pise cech - zkuste na webu nastavit tu stejnou velikost na pixel presne :)

5. 9. 2016 00:04:41

https://webtrh.cz/diskuse/proc-neni-banner-z-photoshopu-umisteny-na-webu-ostry/#reply1221750

Soňa Němcová

5. 9. 2016 08:34:41

Rozumím. Ten obrázek na webu jsem jsem "uměle" zvětšila kurzorem. Pokud bych tedy chtěla mít ten banner mnohem větší, musím ho již ve Photoshopu dělat veliký. Ještě se zeptám, dá se kvalita ostrosti nějak ovlivnit již v tom prvním nastavení? Je nějaké doporučení? Aby byl velký a ostrý a přitom nezabíral moc MB? Děkuji.

5. 9. 2016 08:34:41

https://webtrh.cz/diskuse/proc-neni-banner-z-photoshopu-umisteny-na-webu-ostry/#reply1221749

Jiří Foret

(9 hodnocení)

5. 9. 2016 09:11:26

Rozměr banneru si chystejte vždy 1:1, tedy v přesném rozměru v jakém bude umístěný na webu, rozlišení 72 dpi a ukládjete jako PNG. Já takto bannery chystám vždy a žádný problém nemám.

5. 9. 2016 09:11:26

https://webtrh.cz/diskuse/proc-neni-banner-z-photoshopu-umisteny-na-webu-ostry/#reply1221748

iLuke

(1 hodnocení)

5. 9. 2016 12:58:03

Napsal Bred_;1322065
Rozměr banneru si chystejte vždy 1:1, tedy v přesném rozměru v jakém bude umístěný na webu, rozlišení 72 dpi a ukládjete jako PNG. Já takto bannery chystám vždy a žádný problém nemám.

Tak to ses na ty bannery asi ještě nepodíval z iPhonu nebo čehokoliv jiného s "retina" displayem.

5. 9. 2016 12:58:03

https://webtrh.cz/diskuse/proc-neni-banner-z-photoshopu-umisteny-na-webu-ostry/#reply1221747

matusy

(14 hodnocení)

5. 9. 2016 14:03:35

Napsal iLuke;1322143
Tak to ses na ty bannery asi ještě nepodíval z iPhonu nebo čehokoliv jiného s "retina" displayem.

Hádať sa nebudem, každopádne nemyslím, že by bola retina štandard... Zatiaľ som nikde nevidel banner s prispôsobením na retinu... a vôbec... navyšovať niekoľko násobne veľkosť súborov kôli 2% retinam na úkor 98% mi nepríde práve ako správne riešenie...

5. 9. 2016 14:03:35

https://webtrh.cz/diskuse/proc-neni-banner-z-photoshopu-umisteny-na-webu-ostry/#reply1221746

Jakub Jeřábek

5. 9. 2016 14:27:48

Napsal sona134;1322059
Ještě se zeptám, dá se kvalita ostrosti nějak ovlivnit již v tom prvním nastavení? Je nějaké doporučení? Aby byl velký a ostrý a přitom nezabíral moc MB? Děkuji.

Obecně platí, že pokud tam je fotografie, bude datově úspornější spíše JPG. Pokud tam jsou jednobarevné plochy, tak zase PNG. Pokud jsou na banneru texty, tak v PNG budou ostřejší než v JPG.

Ideální je ve Photoshopu použít Soubor -> Uložit pro web. Tam je možné hýbat s nastavením kvality obrázku a rovnou je vidět výsledek. Tak lze vybrat nějaký kompromis mezi kvalitou a datovou velikostí.

5. 9. 2016 14:27:48

https://webtrh.cz/diskuse/proc-neni-banner-z-photoshopu-umisteny-na-webu-ostry/#reply1221745

Pro odpověď se přihlašte.

Přihlásit