Měření pixelů na webu v prohlížeči pomocí Page Ruler

Upraveno 6 prosince, 2023 00:11

Pokud vytváříte weby, patrně jste již minimálně jednou setkali se situací, že jste ať v rámci responsibility, či v rámci vytváření grafiky webu, potřebovali měřit velikosti různých elementů na webu. Právě pro tyto účely existuje skvělý doplněk jak pro webový prohlížeč Firefox, tak i pro prohlížeč Chrome. Tento nástroj zásadně ulehčí práci s měřením elementů na webu a navíc, pro měření pixelů na webu v prohlížeči pomocí Page Ruler nemusíte nic výrazně složitě instalovat.

Měření pixelů na webu v prohlížeči pomocí Page Ruler – Chrome

Abyste mohli doplněk používat v prostředí prohlížeče Chrome, musíte nejprve přejít do správce rozšíření v kontextové nabídce prohlížeče. To jsou ty tři tečky v pravém horním rohu. Zde vyberte položku “Rozšíření” a poté v novém menu zvolte “Spravovat rozšíření“. Zde si otevřete “Internetový obchod Chrome” a ve vyhledávání napíšete klíčová slova “Page Ruler“. Prohlížeč Vám doplněk najde a vy jej můžete nainstalovat. Pokud si chcete práci trochu ulehčit, níže je přímý odkaz na doplněk. Ten stačí otevřít a doplněk můžete rovnou nainstalovat.

Instalujte zde: doplněk Page Ruler pro webový prohlížeč Chrome

Měření pixelů na webu v prohlížeči pomocí Page Ruler – Firefox

V prohlížeči Firefox je to v mnohém podobné, jako ve výše uvedeném Chrome. V pravém horním rohu si nejprve klikněte na tzv. “hamburger menu” a z nabídky si vyberte “Doplňky a vzhledy“. Do vyhledávacího pole “Najít další doplňky” napište opět klíčová slova “Page Ruler“. Firefox opět najde požadovaný doplněk, který můžete nainstalovat. Stejně jako v Chrome výše si můžete práci ulehčit a kliknout na níže uvedený odkaz. Zavede Vás přímo na doplněk, který pouze nainstalujete.

Instalujte zde: doplněk Page Ruler pro webový prohlížeč Firefox 

Jak Page Ruler funguje?

Naprosto jednoduše. Doplněk Vám do hlavního panelu přidá ikonu, na kterou když kliknete, aktivuje se měření pomocí tohoto doplňku. Na webové stránce se zobrazí pomocné dlaždice pro měření a Vy pomocí klasického “táhni a pusť” měříte. Doplněk Vám poté rovnou ukazuje šířku i výšku v pixelech. To je nejenom praktické, ale hlavně i rychlé a spolehlivé.