Visualize Image Sizes on Screens
The resolution of a monitor refers to the number of pixels it can display.
It is universally understood that screen resolution is 72 ppi (pixels/inch). Yes, some screens can be 96 ppi, but you can ignore that because Images on a screen are shown based on the number of pixels. See the visual examples above.
A higher resolution (more dots in an inch) means a sharper image.
A lower resolution shows a pixelated and generally blurred effect.
This is provided so you can visualize how large or small images look on various monitor resolutions.
Typical screen resolutions listed by popularity.
Desktop Monitors:
1920 x 1080 px (Full HD): Most common, suitable for 22-27 inch monitors.
2560 x 1440 px (QHD): Popular for 27-32 inch monitors, offers sharper images.
3840 x 2160 px (4K UHD): High-resolution option for 27 inches and above.
5120 x 2880 px (5K): Premium resolution for very large, high-end monitors.
Tablet Screens:
768 x 1024 px
810 x 1080 px
820 x 1180 px
800 x 1280 px
601 x 962 px
Smartphone Screens:
360 x 800 px
390 x 844 px
393 x 873 px
412 x 915 px
There’s a lot more, but it’s very similar to what I shared here. Keep these in mind when you’re thinking about how large to make your images for a screen.