{"json_modified": "2016-03-10T03:04:21.345084", "slug": "Mozilla/Developer_Guide/SVG_Guidelines", "tags": [], "locale": "ja", "title": "SVG \u30ac\u30a4\u30c9\u30e9\u30a4\u30f3", "translations": [{"title": "SVG Guidelines", "url": "/en-US/docs/Mozilla/Developer_guide/SVG_Guidelines", "tags": ["Firefox", "Mozilla", "Contributing", "practices", "SVG", "Developing", "Contribute", "Guidelines", "Best"], "summary": "The <a href=\"/en-US/docs/Web/SVG\">SVG</a> format has the advantage of being able to describe complex images while being lightweight and to scale\u00a0them very well at all resolutions. Unfortunately, a lot of SVG files (often generated by SVG editors) ship without being cleaned up, so the benefit of them being lightweight is gone. Here are some best practices to keep SVGs lightweight. These rules are based on some real examples seen in Mozilla's code.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-02-25T12:38:08", "review_tags": []}], "modified": "2016-03-10T03:04:21", "label": "SVG \u30ac\u30a4\u30c9\u30e9\u30a4\u30f3", "localization_tags": [], "url": "/ja/docs/Mozilla/Developer_Guide/SVG_Guidelines", "last_edit": "2016-03-10T03:02:55", "summary": "The <a href=\"/en-US/docs/Web/SVG\">SVG</a> format has the advantage of being able to describe complex images while being lightweight and to scaling them very well at all resolutions. Unfortunately, a lot of SVG files (often generated by SVG editors) ship without being cleaned up, so the benefit of them being lightweight is gone. Here are some best pratices to keep SVGs lightweight. These rules are based on some real examples seen in Mozilla's code.", "sections": [{"id": "Basics", "title": null}, {"id": "Whitespace_and_line_breaks", "title": "Whitespace and line breaks"}, {"id": "Whitespace", "title": "Whitespace"}, {"id": "Examples", "title": "Examples"}, {"id": "Line_breaks", "title": "Line breaks"}, {"id": "Unused_tags_and_attributes", "title": null}, {"id": "Editor_metadata", "title": null}, {"id": "Other_metadata", "title": "Other metadata"}, {"id": "Avoid_the_use_of_CDATA_sections", "title": null}, {"id": "Invisible_shapes", "title": "Invisible shapes"}, {"id": "Unused_attributes_on_root_<svg>_element", "title": "Unused attributes on root "}, {"id": "Other", "title": "Other"}, {"id": "Styling", "title": null}, {"id": "Basics_2", "title": "Basics"}, {"id": "Examples_2", "title": null}, {"id": "Use_of_class_names", "title": null}, {"id": "Default_style_values", "title": null}, {"id": "SVG_grouping", "title": "SVG grouping"}, {"id": "Style_grouping", "title": "Style grouping"}, {"id": "Avoid_excessive_grouping", "title": "Avoid excessive grouping"}, {"id": "Nested_groups", "title": "Nested groups"}, {"id": "Nested_transforms", "title": "Nested transforms"}, {"id": "Performance_tips", "title": null}, {"id": "Tools", "title": "Tools"}], "id": 168687, "review_tags": []}