Displays with different pixel densities

Problem: Graphics that look sharp on a standard computer monitor look muddy and out of focus on high-resolution smartphone and tablet displays. But: All objects should be smoothly adapted to screen sizes from the smallest smartphone to the largest widescreen monitor. Solution: SVG -> Graphical elements (e.g., icons, arrows etc.) are presented in vectors. SVG format is based on XML. Basic geometric shapes such as circles, ellipses, rectangles etc. can even be created in a simple text editor. Despite that most web designers prefer a graphical interface when creating SVGs, which is why they usually rely on vector-based drawing programs such as Adobe Illustrator or Macromedia Freehand.