Ako správne exportovat obrazky pre web – Photoshop – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Ako správne exportovat obrazky pre web – Photoshop – Fórum – Programujte.comAko správne exportovat obrazky pre web – Photoshop – Fórum – Programujte.com

 

Koder0
Newbie
19. 10. 2017   #1
-
0
-

Čaute všetci. Mám otázku ohladom obrázkov. Ako koder si viem z photoshopu vybrat / exportovat obrázky ktoré potrebujem. Lenze, dnes mame retiny atd. Vie nejak webdizajner do photoshopu vlozit obrazok napr. v 4k rozliseni ale zmenseni priamo zakomponovany v dizajne a ja s ho potom exportujem? 

Dakujem za odpovede. Dufam ze sa to da pochopit

Nahlásit jako SPAM
IP: 95.105.233.–
peter
~ Anonymní uživatel
3981 příspěvků
20. 10. 2017   #2
-
-1
-
Mimo téma

Neda se to pochopit. Zkusim ti rozepsat jakesi podrobnosti.

4K podle wiki neni 4K presne definovane, rozmer x,y. Coz samo o sobe je chyba a pak s takovym cislem zkus pracovat.
https://cs.wikipedia.org/…1en%C3%AD_4K
Retina taky normalni clovek nepouziva jako slovo.

- Mno, takze fotograf poridi snimek se spoustou pixelu, rekneme 4096 × 3112.
- Webdesigner si ho zmensi tak, jak potrebuje, oreze. Cili, jestli ho pouziva na pozadi, muze ho pouzit kompletne cely. Ale je to neprakticke, zhlediska rychlosti je potreba co nejmensi velikost. Takze se s nim delaji takove cary, jako se treba 4x zmensi a pak se natahuje a je takovy rozmazly. Nebo se zamerne pouzije takovy efekt splynuti barev (rozmazani), tim se ziska mensi jpeg.
A kdyz dela treba fotogalerii, tak si vyrobi nahledy, oreze si je.
A taky zalezi na tom, k cemu se ten web pouzije. Pokud pro tisk, je vyhodnejsi na web dat 2x-3x vic pixelu nez odpovida nahledu obrazku. cili treba 400x400 pixelu pro <img width=200 height=200>. Pak se web vytiskne kvalitneji. Vyuziva se to treba pro tisk dopisu z html.
Ale pro uzivatele staci nahled treba naopak zmenseny, 100x100 pro <img width=200 height=200>. Nikdo nebude miniaturu detailne zkoumat. Zaujme mne, nezaujme, kliknu si na ni nebo ne.
Co je vsak u miniatury dulezite, aby byla dobre zaostrena. Vetsina grafickych programu pouziva pro zmensovani metody, ktere obrazek silne rozostruji. Zvlast kdyz se jedna o moc pixelove formaty do velikosti 100x100.
Dal se treba pro mini obrazky pouziva pridavani primo do kodu pomoci base64. Takze by mel umet tek web-designer prevest kod na base64 a pridat do html / css. Uspori se opet nejaky cas.

Jestli se ptas tedy, kdyz fotograf vyrobi desing a vytvori pdf treba s rozlisenim 1000x1000, jestli je to pouzitelne, tak odpoved je ano, ale je dobre mit i original obrazku, pokud by bylo treba neco zmenit.
Fotograf by mel fotit. Pokud dela desing, mel by vyrobit primo html a mel by mit uz proklikane nejake stranky, aby vedel, co je dobre pro uzivatele a co lze udelat a co se dela obtizne. Vetsinou je takovy navrh od fotografa nerealizovatelny. Udela tam treba titerne menu. A uzivatel potrebuje treba 14 px. Ano, monitor umi zobrazit i 6px pismo. Ale zkusil jsi v tom cist delsi pasaze textu? A jsi si jisty, ze ten monitor neni mobilni obrazovka?
A taky bez blizsiho popisu se nekdo z obrazku da tezko poznat, jak fotograf myslel, ze to bude fungovat.

Cili, web-designer si s obrazkem poradi. Ale mel by chtit po fotografovi i nejvetsi kvalitu, pokud mu ji bude chtit fotograf venovat. Nekdy muze byt WD zlodej a podvodnik (nekdy neumyslne, z neznalosti), ktery se dal s fotografem nebavi nebo pouzije obrazek pro vic ucelu nez jeden web.

Nahlásit jako SPAM
IP: 2001:718:2601:258:859:7c4...–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 2 hosté

Podobná vlákna

Obrazky na web — založil martin hrkut

Ako otvoriť obrázky v Jave — založil Dead Boss

Ako správne programovať — založil Anonym

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý