{"id":314,"date":"2013-11-08T14:10:39","date_gmt":"2013-11-08T14:10:39","guid":{"rendered":"https:\/\/www.templatemonster.com\/de\/blog\/?p=314"},"modified":"2022-09-09T16:50:09","modified_gmt":"2022-09-09T16:50:09","slug":"css-sprites-technologie-generator","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/","title":{"rendered":"Freundschaften mit CSS-Sprites: Technologie, Generator"},"content":{"rendered":"<p><em>Ich hoffe, dass Du verstehst was die Sprities sind.<\/em> Der Name ist ein bisschen irref\u00fchrend, weil <strong>sprite<\/strong> bedeutet hier nicht ein kleines Bild, sondern ein gro\u00dfes. Du hast vielleicht schon den CSS-trick gesehen, wenn ein Button bei Hover \u00e4ndert. Normalerweise wird es das gleiche Bild von Button verschoben oder gespiegeln.<\/p>\n<p><strong>CSS-Sprites<\/strong> erweitern die Technologie. Der Unterschied ist dass statt der zwei oder drei Bilder, die zu einem einzigen Bild zusammengefasst werden, Du eine beliebige Anzahl von Bildern verwenden kannst. Der Begriff \u201csprite\u201d ist aus der Spiel-Industrie. Die Idee war sehr einfach: der Computer erstellt ein Bild auf seiner Festplatte und zeigt danach nun einen Teil von ihm. Es ist schneller als immer ein neues Bild zu machen. Die CSS-Sprites machen das gleiche: das Bild wird einmal gemacht, um einen von seinem Teil anzuzeigen.<!--more--><br \/>\n<strong>Warum soll man die Bilder kombinieren? W\u00e4re es nicht schneller kleinen Bilder hochzuladen?<\/strong><\/p>\n<p>Eigentlich nicht\u2026 Fr\u00fcher m\u00fcssten wir Bilder schneiden damit sogenannten Slices zu bekommen und so ladet sie Seite schneller. Aufgrund der Tatsache, dass viele Teile fast gleichzeitig geladen wurden, erzeugt diese Technik nun die Illusion von schnellerem Laden der Seite. Jedes Slice erstellt separat ein http-Request. Und je mehr http-Requests es gibt, desto weniger effektiv die Seite ist.<\/p>\n<p><strong>Na gut, wie erstellt man dann diese Sprites?<\/strong><\/p>\n<p>Um Dir die Arbeit zu erleichtern, haben die Entwickler verschiedene online und offline <a href=\"https:\/\/www.templatemonster.com\/blog\/de\/category\/werkzeuge\/\" target=\"_blank\">Werkzeuge<\/a> f\u00fcr die Erstellung von CSS-Sprites gemacht. Die sind alle ziemlich einfach zur Verwendung und gut funktionieren. Schauen wir mal auf der Liste von empfohlenen <strong>CSS Sprite Generators<\/strong>.<\/p>\n<p><a href=\"http:\/\/wearekiss.com\/spritepad\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">SpritePad<\/a><\/p>\n<p><a href=\"http:\/\/wearekiss.com\/spritepad\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" alt=\"spritepad\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/spritepad.jpg?9d7bd4\" width=\"620\" height=\"\"><\/a><\/p>\n<p><strong>SpritePad<\/strong> ist ein Drag-and-Drop Interface f\u00fcr Sprites-Erstellung.<\/p>\n<p>* * *<a href=\"http:\/\/compass-style.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Compass<\/a><\/p>\n<p><a href=\"http:\/\/compass-style.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" alt=\"compass\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/compass.jpg?9d7bd4\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>Compass<\/strong> ist ein perfektes Framework, das Sprites aus dem speziellen Ordner mit Bildern erstellen kann. Es benutzt auch Sass.<\/p>\n<p>* * *<a href=\"http:\/\/www.hagenburger.net\/BLOG\/Lemonade-CSS-Sprites-for-Sass-Compass.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Lemonade<\/a><\/p>\n<p><a href=\"http:\/\/www.hagenburger.net\/BLOG\/Lemonade-CSS-Sprites-for-Sass-Compass.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" alt=\"lemonade\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/lemonade.jpg?9d7bd4\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>Lemonade<\/strong> ist ein Werkzeug, der die Codezeilen in Sass-Dateien platziert und so es Dateien mit Sprites erstellt.<\/p>\n<p>* * *<a href=\"http:\/\/spriteme.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">SpriteMe<\/a><\/p>\n<p><a href=\"http:\/\/spriteme.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" alt=\"sprite me\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/sprite-me.jpg?9d7bd4\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>SpriteMe<\/strong> ist ein Bookmarklet, das die Sprites von anderer Website generieren und anschauen kann.<\/p>\n<p>* * *<a href=\"https:\/\/clk.tradedoubler.com\/click?p=264355&amp;a=3279527&amp;url=https%3A%2F%2Fhelpx.adobe.com%2Ffireworks%2Fusing%2Fwhats-new-cs6.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Fireworks CS6<\/a><\/p>\n<p><a href=\"https:\/\/clk.tradedoubler.com\/click?p=264355&amp;a=3279527&amp;url=https%3A%2F%2Fhelpx.adobe.com%2Ffireworks%2Fusing%2Fwhats-new-cs6.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" alt=\"fireworks\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/fireworks.jpg?9d7bd4\" width=\"620\" height=\"407\"><\/a><\/p>\n<p>In der letzten Version der <strong>Fireworks<\/strong> Software gibt es auch die M\u00f6glichkeit Sprites zu generieren.<\/p>\n<p>* * *<a href=\"http:\/\/www.spritecow.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Sprite Cow<\/a><\/p>\n<p><a href=\"http:\/\/www.spritecow.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" alt=\"sprite cow\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/sprite-cow.jpg?9d7bd4\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>Sprite Cow<\/strong> ist ein n\u00fctzliches Dienst, um Dateien f\u00fcr Sprites manuell zu \u201eschneiden\u201c.<\/p>\n<p>* * *<a href=\"https:\/\/github.com\/jorgebastida\/glue\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Glue<\/a><\/p>\n<p><a href=\"https:\/\/github.com\/jorgebastida\/glue\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" alt=\"glue\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/glue.jpg?9d7bd4\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>Glue<\/strong> ist eine Kommandozeile zur Sprites-Generierung.<\/p>\n<p>* * *<a href=\"http:\/\/css-sprit.es\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">CSS Sprites<\/a><\/p>\n<p><a href=\"http:\/\/css-sprit.es\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" alt=\"css sprites\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/css-sprites.jpg?9d7bd4\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>CSS sprites<\/strong> ist noch ein toller <a href=\"http:\/\/blog.templatemonster.com\/category\/css\/\" target=\"_blank\">CSS<\/a>-Sprites Generator.<\/p>\n<p>* * *<a href=\"http:\/\/spriterightapp.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Sprite Right<\/a><\/p>\n<p><a href=\"http:\/\/spriterightapp.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" alt=\"sprite right\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/sprite-right.jpg?9d7bd4\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>Sprite Right<\/strong> ist eine Anwendung f\u00fcr Mac, um Sprite zu generieren.<\/p>\n<p>* * *<a href=\"http:\/\/www.spritebox.net\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Spritebox<\/a><\/p>\n<p><a href=\"http:\/\/www.spritebox.net\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" alt=\"spritebox\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/spritebox.jpg?9d7bd4\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>Spritebox<\/strong> ist Drag-and-Drop Interface zur Sprites-Generierung.<\/p>\n<p>* * *CSS sind ziemlich wichtig f\u00fcr jede Website. Verwende bitte diese Technik als eine von wichtigsten Optimierungsmethoden.<\/p>\n<p>Falls Du ein Optimierungs-Guru bist, teile deine tolle Idee per Kommentar-Bereich <img decoding=\"async\" alt=\":)\" src=\"http:\/\/blog.tmimgcdn.com\/wp-includes\/images\/smilies\/icon_smile.gif?9d7bd4\"><\/p>\n<p id=\"credit\">\n","protected":false},"excerpt":{"rendered":"<p>Ich hoffe, dass Du verstehst was die Sprities sind. Der Name ist ein bisschen irref\u00fchrend, weil sprite bedeutet hier nicht ein kleines Bild, sondern ein gro\u00dfes. Du hast vielleicht schon den CSS-trick gesehen, wenn ein Button bei Hover \u00e4ndert. Normalerweise wird es das gleiche Bild von Button verschoben oder gespiegeln. CSS-Sprites erweitern die Technologie. Der [&hellip;]<\/p>\n","protected":false},"author":398561,"featured_media":1848,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[16,4],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Freundschaften mit CSS-Sprites: Technologie, Generator \u2b50 TemplateMonster Deutscher Blog<\/title>\n<meta name=\"description\" content=\"Ich hoffe, dass Du verstehst was die Sprities sind. Der Name ist ein bisschen irref\u00fchrend, weil sprite bedeutet hier nicht ein kleines Bild, sondern ein\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Freundschaften mit CSS-Sprites: Technologie, Generator \u2b50 TemplateMonster Deutscher Blog\" \/>\n<meta property=\"og:description\" content=\"Ich hoffe, dass Du verstehst was die Sprities sind. Der Name ist ein bisschen irref\u00fchrend, weil sprite bedeutet hier nicht ein kleines Bild, sondern ein\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Deutscher Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/templatemonster.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-11-08T14:10:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-09T16:50:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2013\/11\/2013.11.07.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"536\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nataly Ohlsen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:site\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nataly Ohlsen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/\"},\"author\":{\"name\":\"Nataly Ohlsen\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241\"},\"headline\":\"Freundschaften mit CSS-Sprites: Technologie, Generator\",\"datePublished\":\"2013-11-08T14:10:39+00:00\",\"dateModified\":\"2022-09-09T16:50:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/\"},\"wordCount\":426,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"articleSection\":[\"Webentwicklung\",\"Werkzeuge\"],\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/\",\"url\":\"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/\",\"name\":\"Freundschaften mit CSS-Sprites: Technologie, Generator \u2b50 TemplateMonster Deutscher Blog\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#website\"},\"datePublished\":\"2013-11-08T14:10:39+00:00\",\"dateModified\":\"2022-09-09T16:50:09+00:00\",\"description\":\"Ich hoffe, dass Du verstehst was die Sprities sind. Der Name ist ein bisschen irref\u00fchrend, weil sprite bedeutet hier nicht ein kleines Bild, sondern ein\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Freundschaften mit CSS-Sprites: Technologie, Generator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/de\/#website\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"name\":\"TemplateMonster Deutscher Blog\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\",\"name\":\"MonsterPost Deutschland\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost Deutschland\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg\",\"https:\/\/www.facebook.com\/templatemonster.de\/\",\"https:\/\/twitter.com\/TM_Deutschland\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241\",\"name\":\"Nataly Ohlsen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Nataly Ohlsen\"},\"description\":\"Ist Expertin auf dem Gebiet Content-Marketing bei TemplateMonster. Nataly auf Facebook.\",\"url\":\"https:\/\/monsterspost.com\/de\/author\/nataly\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Freundschaften mit CSS-Sprites: Technologie, Generator \u2b50 TemplateMonster Deutscher Blog","description":"Ich hoffe, dass Du verstehst was die Sprities sind. Der Name ist ein bisschen irref\u00fchrend, weil sprite bedeutet hier nicht ein kleines Bild, sondern ein","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/","og_locale":"de_DE","og_type":"article","og_title":"Freundschaften mit CSS-Sprites: Technologie, Generator \u2b50 TemplateMonster Deutscher Blog","og_description":"Ich hoffe, dass Du verstehst was die Sprities sind. Der Name ist ein bisschen irref\u00fchrend, weil sprite bedeutet hier nicht ein kleines Bild, sondern ein","og_url":"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/","og_site_name":"TemplateMonster Deutscher Blog","article_publisher":"https:\/\/www.facebook.com\/templatemonster.de\/","article_published_time":"2013-11-08T14:10:39+00:00","article_modified_time":"2022-09-09T16:50:09+00:00","og_image":[{"width":900,"height":536,"url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2013\/11\/2013.11.07.jpg","type":"image\/jpeg"}],"author":"Nataly Ohlsen","twitter_card":"summary_large_image","twitter_creator":"@TM_Deutschland","twitter_site":"@TM_Deutschland","twitter_misc":{"Verfasst von":"Nataly Ohlsen","Gesch\u00e4tzte Lesezeit":"5 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/"},"author":{"name":"Nataly Ohlsen","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241"},"headline":"Freundschaften mit CSS-Sprites: Technologie, Generator","datePublished":"2013-11-08T14:10:39+00:00","dateModified":"2022-09-09T16:50:09+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/"},"wordCount":426,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"articleSection":["Webentwicklung","Werkzeuge"],"inLanguage":"de-DE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/","url":"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/","name":"Freundschaften mit CSS-Sprites: Technologie, Generator \u2b50 TemplateMonster Deutscher Blog","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/#website"},"datePublished":"2013-11-08T14:10:39+00:00","dateModified":"2022-09-09T16:50:09+00:00","description":"Ich hoffe, dass Du verstehst was die Sprities sind. Der Name ist ein bisschen irref\u00fchrend, weil sprite bedeutet hier nicht ein kleines Bild, sondern ein","breadcrumb":{"@id":"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/de\/css-sprites-technologie-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/de\/"},{"@type":"ListItem","position":2,"name":"Freundschaften mit CSS-Sprites: Technologie, Generator"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/de\/#website","url":"https:\/\/monsterspost.com\/de\/","name":"TemplateMonster Deutscher Blog","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/de\/#organization","name":"MonsterPost Deutschland","url":"https:\/\/monsterspost.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost Deutschland"},"image":{"@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg","https:\/\/www.facebook.com\/templatemonster.de\/","https:\/\/twitter.com\/TM_Deutschland"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241","name":"Nataly Ohlsen","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Nataly Ohlsen"},"description":"Ist Expertin auf dem Gebiet Content-Marketing bei TemplateMonster. Nataly auf Facebook.","url":"https:\/\/monsterspost.com\/de\/author\/nataly\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/314"}],"collection":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/users\/398561"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/comments?post=314"}],"version-history":[{"count":14,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/314\/revisions"}],"predecessor-version":[{"id":28506,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/314\/revisions\/28506"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media\/1848"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media?parent=314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/categories?post=314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/tags?post=314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}