viptool
viptool / Reference Tables / Web Size Reference
Reference Tables

Web Size Reference

Use the values as starting points and adapt them to product needs.

ValueNameDescription
320 pxSmall mobile viewportCommon minimum design width; test narrower layouts too.
375 / 390 pxModern phone viewportCommon CSS viewport widths.
768 pxTablet breakpointFrequent tablet-oriented breakpoint.
1024 pxTablet landscapeCommon landscape tablet viewport.
1280 / 1440 pxDesktop viewportCommon desktop content environments.
1920 × 1080Full HDWidely used display resolution.
32 × 32FaviconCommon favicon pixel size.
180 × 180Apple touch iconCommon Apple touch icon size.
1200 × 630Open Graph imageCommon social sharing image size.
1200 × 67516:9 social imageCommon landscape social image.
44 × 44 CSS pxTouch targetA practical minimum interactive target.
65–75 charactersReadable line lengthTypical comfortable body-text line length.

Source: MDN CSS values and unitsReviewed: 2026-07-11

How to use Web Size Reference

  1. Enter or select the data you want to process above.
  2. Select “Search” to run the tool.
  3. Review the result, then copy it or adjust the input and run again.

Web Size Reference FAQ

Does this tool store my data?

The primary operation runs in your browser. Viptool does not upload or store the content you enter.

Why can the result differ from another website?

Results depend on the input format, calculation rules, and data update time. For live information, check the provider and timestamp shown with the result.

Related tools

Developer formatting

Screen PPI Calculator

Calculate pixel density from resolution and diagonal screen size.

Image & color

Image Format Converter

Convert PNG, JPEG, and WebP images locally in your browser.

Reference tables

Photoshop Shortcut Reference

Search frequently used Adobe Photoshop keyboard shortcuts.

Reference tables

24 Solar Terms Reference

Browse the traditional Chinese 24 solar terms in calendar order.