Zadejte hledaný výraz...

Jak změnit rozměry jen u velkých obrázků?

tomve
verified
rating uzivatele
(22 hodnocení)
20. 6. 2017 21:38:30
Zdarek,
řeším tady jednu věc a vůbec nevím, jak na to.
Mám obsah s obrázky, kdy potřebuji rozměry velkých obrázků zmenšit a malé obrázky neřešit.
Jenže nevím, jak na to, abych změnil jen rozměry velkých obrázků v celém obsahu a přesně u daných obrázků.
Vstup
raz dva tři
honze jde
bla 1000 kč a 300 €
Proces - ?
Výstup
raz dva tři
honze jde
bla za 1000 kč a 300 €
Dík za rady.
20. 6. 2017 21:38:30
https://webtrh.cz/diskuse/jak-zmenit-rozmery-jen-u-velkych-obrazku#reply1286022
Citanek22
verified
rating uzivatele
(2 hodnocení)
20. 6. 2017 21:56:30
Tohle ti zjistí rozměry, tak si k tomu napiš podmínku :-)
$size = getimagesize("obrazek.jpg");
echo $size; // sířka
echo $size; // výška
20. 6. 2017 21:56:30
https://webtrh.cz/diskuse/jak-zmenit-rozmery-jen-u-velkych-obrazku#reply1286021
tomve
verified
rating uzivatele
(22 hodnocení)
20. 6. 2017 22:08:38
Napsal Citanek22;1393989
Tohle ti zjistí rozměry, tak si k tomu napiš podmínku :-)
Mám právě že html kód obsahu, kde potřebuji změnit rozměry.
20. 6. 2017 22:08:38
https://webtrh.cz/diskuse/jak-zmenit-rozmery-jen-u-velkych-obrazku#reply1286020
Citanek22
verified
rating uzivatele
(2 hodnocení)
20. 6. 2017 22:11:59
V CSS si pro img nastav max-height a max-width a min-height a min-width
20. 6. 2017 22:11:59
https://webtrh.cz/diskuse/jak-zmenit-rozmery-jen-u-velkych-obrazku#reply1286019
Karel
verified
rating uzivatele
(2 hodnocení)
20. 6. 2017 22:47:08
max-width?
20. 6. 2017 22:47:08
https://webtrh.cz/diskuse/jak-zmenit-rozmery-jen-u-velkych-obrazku#reply1286018
tomve
verified
rating uzivatele
(22 hodnocení)
20. 6. 2017 23:07:44
Napsal Stejskal-koder;1394000
max-width?
Bingo, dík.
Mě už fakt hrabe, naposledy mě styl u divu přebil styl v css a já žil v domění, že u img je to stejný.
20. 6. 2017 23:07:44
https://webtrh.cz/diskuse/jak-zmenit-rozmery-jen-u-velkych-obrazku#reply1286017
node
verified
rating uzivatele
(5 hodnocení)
21. 6. 2017 05:16:18
zla sekcia tym padom :)
21. 6. 2017 05:16:18
https://webtrh.cz/diskuse/jak-zmenit-rozmery-jen-u-velkych-obrazku#reply1286016
Když zadám rozměry obrázku v width a height, tak se načte u uživatele obrázek s těmito rozměry, ale i tak uživatel stahuje plné rozlišení obrázků, že?
Tudíž uživatel zbytečně stahuje plné rozlišení a tím se zpomaluje načítání celé stránky, nebo jen uživateli plýtvám s daty (mobilní net).
Dá se to nějak ošetřit v PHP?
Například uploadnu na hosting obrázek o rozlišení 4000x6000 px, ale přes PHP budu uživateli posílat třeba jen poloviční rozlišení a v HTML, nebo CSS už si to jeho prohlížeč dál přežvýká...
Nebo je nějaký lepší způsob? :)
20. 7. 2017 18:46:30
https://webtrh.cz/diskuse/jak-zmenit-rozmery-jen-u-velkych-obrazku#reply1286015
smrtka
verified
rating uzivatele
(3 hodnocení)
20. 7. 2017 18:52:45
Pouzivam knihovnu wideimage pro php - hned po nahrani fotky v adminu upravim obrazky, pripadne udelam miniatury aby se pro kazdyho klienta nemuselo nic generovat a dostal jen presne takovy obrazky, ktery potrebuje...
20. 7. 2017 18:52:45
https://webtrh.cz/diskuse/jak-zmenit-rozmery-jen-u-velkych-obrazku#reply1286014
crs
verified
rating uzivatele
(1 hodnocení)
22. 7. 2017 20:19:39
Napsal m1ch3l;1399921
Když zadám rozměry obrázku v width a height, tak se načte u uživatele obrázek s těmito rozměry, ale i tak uživatel stahuje plné rozlišení obrázků, že?
Ano.
Napsal m1ch3l;1399921
Dá se to nějak ošetřit v PHP?
Například uploadnu na hosting obrázek o rozlišení 4000x6000 px, ale přes PHP budu uživateli posílat třeba jen poloviční rozlišení a v HTML, nebo CSS už si to jeho prohlížeč dál přežvýká...
Ošetřit v PHP se to dá - třeba tím, že si po uploadu velkého obrázku skriptem obrázek zmenšíš a uložíš (např. http://php.net/imagecopyresampled Example #2) a ten vrátíš ve výsledném html.
Napsal m1ch3l;1399921
Nebo je nějaký lepší způsob? :)
Přijde na to. Pokud jde třeba o to použít příhodně velký obrázek podle rozlišení, tak to jde zvládnout buď čistě v CSS přes background-image pro vybrané media query, nebo dynamicky JavaScriptem měnit u obrázku jeho src při změně šířky okna.
Alternativní kódování : http://html5doctor.com/html5-adaptive-images-end-of-round-one/
22. 7. 2017 20:19:39
https://webtrh.cz/diskuse/jak-zmenit-rozmery-jen-u-velkych-obrazku#reply1286013
Pro odpověď se přihlašte.
Přihlásit