Velikost obrázku

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Zamčeno
teichmann.ondrej
Level 3.5
Level 3.5
Příspěvky: 834
Registrován: 17 led 2014 07:55

Velikost obrázku

Příspěvek od teichmann.ondrej »

Dobrý den,

chtěl by jsem se zeptat, jak přesně do kodu uvest ze jej chci ten obrazek menší nez je zaklad

Kód: Vybrat vše

<div class="float foto">
<a href="/_images/nzu.png" rel="lightbox.set"><span class="zoom"></span>
<img alt="foto" class="produkt" src="/_images/nzu.png">
</a>
</div> Naše společnost je zaregistrovaná jako odborný dodavatel v projektu Nová zelená úsporám. 
            </p>
        </div>
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Velikost obrázku

Příspěvek od Myloš »

Velikost můžeš nastavit pomocí atributů WIDTH a HEIGHT u tagu IMG. Stačí uvést jeden, druhý se proporčně dopočítá:
<img src="obrazek.jpg" width="120">
V HTML se rozměry zadávají jen čísly bez jednotky. Oproti tomu pokud bys totéž chtěl zapsat pomocí CSS, tak vždy s jednotkou:
<img src="obrazek.jpg" style="width: 120px;">
Správné jsou oba zápisy.

Osobně ale vůbec nedoporučuji „měnit“ velikost obrázku tímto způsobem, protože nedojde k žádné úspoře při přenosu dat. K takovému účelu používám vždy příslušnou zmenšeninu.

Doplňuji:
A když koukám do tvého kódu, proč uzavíráš odstavec </p>, který nikde není otevřený a tudíž neexistuje?
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
petr22
Guru Level 15
Guru Level 15
Příspěvky: 55083
Registrován: 06 úno 2012 10:27

Re: Velikost obrázku

Příspěvek od petr22 »

Obrazky je vzdy lepsi zobrazovat 1:1 a na zmensene verze pouzivat skutecne zmensene kopie.

Uz jsem videl i pripad kdy si zakaznik stezoval ze se stranka nacita nekolik minut, a hrozne se divil ze ty obrazky nemuzou mit kazdy 3MB v rozliseni 10 megapixelu kdyz se zobrazuji jako nahledy 120x80.
teichmann.ondrej
Level 3.5
Level 3.5
Příspěvky: 834
Registrován: 17 led 2014 07:55

Re: Velikost obrázku

Příspěvek od teichmann.ondrej »

mě se jenda o jen optickou zmenšeninu, aby to na webu nebilo do očí - http://www.seadon.cz
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Velikost obrázku

Příspěvek od Myloš »

petr22:
Přesně tak. Umím si představit jediný příklad, kdy taková změna zobrazení dává smysl – pokud je na stránce načten jeden a týž obrázek vícekrát. Pak je samozřejmě lepší, když se načte jen jednou, i když mají jeho výskyty na stránce různou zobrazovací velikost.

teichmann.ondrej:
Optickou zmenšeninu čeho konkrétně? Obrázku, který je tam načtený? Tak proč ho rovnou nezmenšíš v grafickém editoru?
Zmenšovat ho samozřejmě můžeš pomocí výše uvedeného způsobu, aby sis vyzkoušel, která velikost je nejlepší, ale pak se přimlouvám za to, abys vytvořil zmenšeninu o příslušných rozměrech. Důvody jsi tu už četl.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
teichmann.ondrej
Level 3.5
Level 3.5
Příspěvky: 834
Registrován: 17 led 2014 07:55

Re: Velikost obrázku

Příspěvek od teichmann.ondrej »

mám tedy normálně změnit jen v editoru rozměry ano?? Ja právě nechci snížení kvality, ale rozměrů
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Velikost obrázku

Příspěvek od Myloš »

Nerozumím – jde snad o kvalitu, s jakou se to na webu zobrazí. A pak je z praktického hlediska fuk, jestli zmenšeninu dělá HTML, nebo zda je obrázek již zmenšený. Oproti tomu u skutečné zmenšeniny uspoříš datový přenos.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Zamčeno
  • Podobná témata
    Odpovědi
    Zobrazení
    Poslední příspěvek

Zpět na „Programování a tvorba webu“