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

verified

(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

verified

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

verified

(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

verified

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

verified

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

verified

(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

verified

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

verified

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

verified

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

verified

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.

Prodej Více

Fondik.cz

600 000 Kč

0 příhozů

Prodej e-shopu Benolld.cz Benolld.sk

5 000 Kč

0 příhozů

Fitness Servis ziskový projekt s historií a obrovským potenciálem

39 000 Kč

0 příhozů

🟢 Na prodej: Plyn.online – výstižná doména pro energetiku a online služby!

1 399 Kč

0 příhozů

Prémiová třípísmenná doména MZP.sk (historie od 2007)

2 399 Kč

0 příhozů

Poptávky Více

VÝROBA A PRODEJ MOBILNÍCH DOMŮ

Hledám pomoc s tvorbou obrázků pro konfigurátor skříní (AI nebo grafika)

Full‑stack vývojář mobilní aplikace + webového CRM/Admin rozhraní

Hledám freelance seniorprogramatore, frontend a backend

Tvorba aplikace, ve které jsou vybrané příspěvky propojení s kalendářem

Pracovní nabídky Více

Vývojář s C#

MS SQL programátor

55 000 - 80 000 Kč

Vývojář C# pro HELIOS Nephrite

Brno, Práce z domu

90 000 - 100 000 Kč

.NET Developer (Razor Pages a Blazor) – full remote

80 000 - 96 000 Kč

Nabídky Více

Web na míru za 7 dní od 7500,-

😟 Máte málo zákazníků? Změníme to! 📈 Víme, jak je přivést.

💼 Budujete osobní značku, ale nedaří se? Pomůžeme vám vyrůst na sítích! 🌱

🔥 Facebook reklama, která opravdu funguje – Přestaňte zkoušet naslepo! 🚀

Hotové minisites bez dané ceny