In these cases they normally have 300 dpi, to give a sharp result. In comparison, an image used for print, should have a much higher resolution. A computer screen can never show more than 72 dpi (dots per inch), whith the exception for retina screens wich can show 96 dpi. An image can be small in pixel size, but have a really high resolution, and therefore weigh a lot.

Something that is also important, is the image weight. This will ensure that the quality is good even if scaled down by TYPO3.Īn image that is shown in a small format on a desktop, for example promo boxes placed in columns, might actually need to be larger in a tablet or mobile view where they are displayed in one column instead. This is often in mobile or tablet view, except for images slides or where images should stretch to the full size of desktops.Ī recommendation is to use images that are 1920 pixels wide. The rule is that the image should always be the size, so that it fits the content area where it is shown the largest. Something to take into consideration on most of todays websites, is the responsive design, which allows the content to automatically adjust to mutliple screen sizes.

Squoosh vs tinypng