![]() They deliver sharp results at every resolution and zoom setting, Vector formats are ideally suited for images that consist of simple geometric shapes such as logos, text, or icons. Represent an image by encoding the individual values of each pixel within a rectangular grid.Įach format has its own set of pros and cons. Use lines, points, and polygons to represent an image. Zoomed-in vector image (L) raster image (R) If you are sure an image is the correct option, you should carefully select the right kind of image for the job. ![]() The use of web fonts requires its own set of optimizations,īut it addresses all of these concerns and is always a better choice for displaying text. Not accessible, and not friendly for high-DPI devices. The text is not selectable, not searchable, not zoomable, Great typography is critical to good design, branding, and readability,īut text-in-images delivers a poor user experience: If you ever find yourself encoding text in an image asset, stop and reconsider. While preserving the ability to select, search,Īnd resize text-a significant improvement in usability. Web fonts enable use of beautiful typefaces.Often at a fraction of the bytes required by an image file. CSS effects (such as shadows or gradients) and CSS animationsĬan be used to produce resolution-independent assets that always look sharp at every resolution and zoom level,.Next, you should consider if there is an alternative technology that could deliver the desired results, ![]() That said, a well-placed image can also communicate more information than a thousand words, Then that is always the best optimization strategy. Which often requires a large number of bytes relative to HTML, CSS, JavaScript and other assets on the page, Good design is simple and will also always yield the best performance. In fact, required to achieve the effect you are after. The very first question you should ask yourself is whether an image is,
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |