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

tomve

(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

(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

(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

(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

(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

(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

(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

Smazaný účet 3O4SYPdpIQ

(8 hodnocení)

20. 7. 2017 18:46:30

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

(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

(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