This is an archive of an inactive wiki and cannot be modified.

Avoiding Large Graphics

This technique gives a possible implementation for CategoryBpLargeGraphics and CategoryBpImagesResizing using various technologies.

Given that the default minimal capability is 20kb, unless you know (e.g. via having implemented CategoryContentAdaptation), that provides an upper bound of less than 20kb for image size.

If a large image is necessary (for example to make the smallest useful part of a map legible) link to it in a page of its own either from a thumbnail or from a plain text link. See also CategoryBpLimited and CategoryBpSuitable

It is important to choose an appropriate format for images.

PNG
Useful bitmap format for a small number of colors. Supports transparency, and optimises the colour table
JPEG
Useful bitmap format for images with many colours, such as photographs. Its compression is "lossy" - roughly, it blurs things. It is therefore not a good choice for simple graphics such as logos with a few colours, where clear definitions are desired. JPEG images of logos will often look dirty, as well as being less efficient than equivalent PNG images.
SVG
A vector format relatively better supported on mobile devices than on the desktop. It provides animation capability, and in some implementations also allows for scripting.

Oh. GIF. Well, this is a wiki.

Implementation Steps:

These optimisations should be available as seperate resources from the server, rather than attempting to squeeze them into different sizes through implementing CategoryBpImagesSpecifySize.


CategoryPhp CategoryXhtml CategoryBpPageSizeLimit

Contributions to this wiki are governed by the W3C policies for Contribution to W3C' wiki on Mobile Web.