{"id":527,"date":"2017-12-09T10:08:23","date_gmt":"2017-12-09T09:08:23","guid":{"rendered":"https:\/\/a-vista-studios.de\/blog\/?p=527"},"modified":"2020-08-24T13:12:42","modified_gmt":"2020-08-24T11:12:42","slug":"logos-und-favicons-fuer-webseiten-apple-retina","status":"publish","type":"post","link":"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/","title":{"rendered":"Logos und Favicons f\u00fcr Webseiten"},"content":{"rendered":"<h3>Logos und Favicons f\u00fcr Webseiten: Standard-Darstellung sowie Optimierung f\u00fcr Apple Retina-Displays. Logos und Favicons f\u00fcr die perfekte Anzeige optimieren.<\/h3>\n<p><strong>Logos und Favicons f\u00fcr Webseiten<br \/>\n<\/strong>Fr\u00fcher war alles einfacher und besser. \u00dcber das \u201ebesser\u201c l\u00e4sst sich streiten. Aber seit Webseiten nicht nur f\u00fcr den Desktop-Computer sondern auch Mobilger\u00e4te und Apple Retina-Displays optimiert werden sollten, sind die Anforderungen gestiegen.<\/p>\n<p>Das macht auch bei Logos und Favicons f\u00fcr Webseiten nicht halt. Was sind <em>Favicons<\/em>? Dabei handelt es sich um die kleine Grafik neben der URL oder im Tab der Webseite. Wird vom Besucher ein Bookmark (= Lesezeichen) auf die Seite gesetzt, so erscheint das Favicon auch im Lesezeichen-Men\u00fc und bietet somit einen entsprechenden Wiedererkennungswert.<\/p>\n<p><img title=\"Favicon einer Webseite\" src=\"\/blog\/wp-content\/uploads\/redaktion\/anleitungen\/img_favicon_einer_webseite.png\" alt=\"Favicon einer Webseite\" \/><\/p>\n<p>Fr\u00fcher wurde ein Favicon im Format 16&#215;16 Pixel erstellt und als so genannte Icon-Datei mit der Endung .ico gespeichert. F\u00fcr die Erstellung eignet sich beispielsweise Photoshop, f\u00fcr das Abspeichern wird ein zus\u00e4tzliches Plugin ben\u00f6tigt, das <a href=\"http:\/\/www.telegraphics.com.au\/sw\/product\/ICOFormat#icoformat\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>kostenlos bezogen werden kann.<\/strong> <\/a><\/p>\n<p>Alternativ l\u00e4sst sich eine .ico-Datei mit Hilfe entsprechender Tools erstellen. Beispielsweise online mit <a href=\"http:\/\/convertico.com\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Convertico.<\/strong><\/a><\/p>\n<p>Da alle moderneren Browser auch .png-Dateien einlesen k\u00f6nnen, wird das .ico-Format inzwischen eigentlich nicht mehr ben\u00f6tigt.<\/p>\n<h2>Favicon f\u00fcr Apple Retina Displays<\/h2>\n<p>Apple bietet mit seinen Retina Displays hochaufl\u00f6sende Bildschirmdarstellungen. Normale Favicons und Logos werden dort wegen ihrer geringen Aufl\u00f6sung allerdings in relativ bescheidener Qualit\u00e4t dargestellt.<\/p>\n<p>Es gibt zwei M\u00f6glichkeiten, um die Darstellung zu verbessern:<\/p>\n<h3>1. Eine einzige Bilddatei f\u00fcr das Logo und Favicon<\/h3>\n<p>Sowohl Logo als auch Favicon werden doppelt so gro\u00df erstellt, wie sie sp\u00e4ter anzuzeigen sind. Das Favicon somit im Format 32&#215;32 Pixel.<\/p>\n<p>Das Favicon wird dann auf Retina-Displays qualitativ ansprechend angezeigt. Wird es im Format 16&#215;16 Pixel ben\u00f6tigt, so skalieren moderne Browser das Favicon automatisch auf die ben\u00f6tigte Gr\u00f6\u00dfe herunter.<\/p>\n<p>Auch das Logo wird doppelt so gro\u00df erstellt, wie es ben\u00f6tigt wird. Soll das Logo beispielsweise eine Gr\u00f6\u00dfe von 200&#215;75 Pixel aufweisen, so wird es im Format 400&#215;150 Pixel erstellt. Entsprechendes CSS sorgt f\u00fcr eine Anzeige in der Gr\u00f6\u00dfe 200&#215;75 Pixel und auf dem Apple Retina-Display wird automatisch die gr\u00f6\u00dfere Version mit 400&#215;150 Pixel verwendet.<\/p>\n<h3>2. Individuelle Grafiken f\u00fcr das Logo und Favicon f\u00fcr die jeweiligen Ausgabeger\u00e4te.<\/h3>\n<p><strong>Dimensionen f\u00fcr das Favicon<br \/>\n<\/strong>Das Favicon wird in f\u00fcnf unterschiedlichen Gr\u00f6\u00dfen erstellt und zwar in den Dimensionen 16&#215;16 \/ 57&#215;57 \/ 72&#215;72 \/ 114&#215;114 sowie 144&#215;144 Pixel.<\/p>\n<p>Die Einbindung erfolgt \u00fcber:<\/p>\n<pre class=\"font-size:15 line-height:18 lang:default decode:true\">&lt;link rel=\"shortcut icon\" href=\"icons\/favicon-16px.png\" type=\"image\/x-icon\" \/&gt;\r\n&lt;link rel=\"apple-touch-icon\" sizes=\"57x57\" href=\"icons\/favicon-57px.png\"&gt;\r\n&lt;link rel=\"apple-touch-icon\" sizes=\"72x72\" href=\"icons\/favicon-72px.png\"&gt;\r\n&lt;link rel=\"apple-touch-icon\" sizes=\"114x114\" href=\"icons\/favicon-114px.png\"&gt;\r\n&lt;link rel=\"apple-touch-icon\" sizes=\"144x144\" href=\"icons\/favicon-144px.png\"&gt;<\/pre>\n<p>Mit dem Tool von <a href=\"https:\/\/www.websiteplanet.com\/de\/webtools\/favicon-generator\/\" target=\"_blank\" rel=\"noopener noreferrer\">Websiteplanet<\/a> lassen sich verschiedene Favicon-Gr\u00f6\u00dfen automatisch erstellen. Dazu m\u00fcssen wir vor der Erstellung des Favicons unter &#8222;<strong><em>Einstellungen<\/em><\/strong>&#8220; die Option &#8222;<strong><em>>Alle Gr\u00f6\u00dfen bitte!<\/em><\/strong>&#8220; aktivieren.<\/p>\n<p><strong>Dimensionen f\u00fcr das Logo<br \/>\n<\/strong>Analog zur vorstehenden Beschreibung unter <em>Eine einzige Bilddatei f\u00fcr das Logo und Favicon<\/em> wird das Logo doppelt so gro\u00df erstellt, wie es angezeigt werden soll. Mittels CSS l\u00e4sst sich die gew\u00fcnschte Anzeigegr\u00f6\u00dfe definieren.<\/p>\n<p>Sollte die Webseite separate Optimierungen f\u00fcr die Desktop-Darstellung, Mobilversion sowie Sticky-Header (= scrollt der Besucher nach unten, so bleibt das Navigationsmen\u00fc im Kopfbereich \u201estehen\u201c) aufweisen, so sind bis zu sechs Logogr\u00f6\u00dfen erforderlich. Die drei Varianten f\u00fcr Desktop \/ Mobilversion \/ Sticky-Header sowie deren doppelt so gro\u00dfe Darstellung f\u00fcr Apple Retina-Displays.<\/p>\n<p><em> <\/em><\/p>\n<p><em>Stichworte: Logos und Favicons f\u00fcr Webseiten<\/em><\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-left kksr-valign-bottom kksr-disabled\"\n    data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;527&quot;,&quot;readonly&quot;:&quot;1&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;2&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;&quot;,&quot;legend&quot;:&quot;5\\\/5 - (2 votes)&quot;,&quot;size&quot;:&quot;30&quot;,&quot;title&quot;:&quot;Logos und Favicons f\u00fcr Webseiten&quot;,&quot;width&quot;:&quot;172.5&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 172.5px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 24px;\">\n            5\/5 - (2 votes)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Logos und Favicons f\u00fcr Webseiten: Standard-Darstellung sowie Optimierung f\u00fcr Apple Retina-Displays. Logos und Favicons f\u00fcr die perfekte Anzeige optimieren. Logos und Favicons f\u00fcr&hellip;<\/p>\n","protected":false},"author":2,"featured_media":531,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-527","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Logos und Favicons f\u00fcr Webseiten: Standard-Darstellung und Apple Retina<\/title>\n<meta name=\"description\" content=\"Logos und Favicons f\u00fcr Webseiten: Standard-Darstellung sowie Optimierung f\u00fcr Apple Retina-Displays. Logos und Favicons f\u00fcr die perfekte Anzeige optimieren.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Logos und Favicons f\u00fcr Webseiten: Standard-Darstellung und Apple Retina\" \/>\n<meta property=\"og:description\" content=\"Logos und Favicons f\u00fcr Webseiten: Standard-Darstellung sowie Optimierung f\u00fcr Apple Retina-Displays. Logos und Favicons f\u00fcr die perfekte Anzeige optimieren.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/\" \/>\n<meta property=\"og:site_name\" content=\"Webdesign Tipps \/ Webdesign Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-09T09:08:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-24T11:12:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_logos_und_favicons_fuer_webseiten.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"530\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"avs\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"avs\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"3\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/\"},\"author\":{\"name\":\"avs\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f\"},\"headline\":\"Logos und Favicons f\u00fcr Webseiten\",\"datePublished\":\"2017-12-09T09:08:23+00:00\",\"dateModified\":\"2020-08-24T11:12:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/\"},\"wordCount\":544,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_logos_und_favicons_fuer_webseiten.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/\",\"name\":\"Logos und Favicons f\u00fcr Webseiten: Standard-Darstellung und Apple Retina\",\"isPartOf\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_logos_und_favicons_fuer_webseiten.jpg\",\"datePublished\":\"2017-12-09T09:08:23+00:00\",\"dateModified\":\"2020-08-24T11:12:42+00:00\",\"description\":\"Logos und Favicons f\u00fcr Webseiten: Standard-Darstellung sowie Optimierung f\u00fcr Apple Retina-Displays. Logos und Favicons f\u00fcr die perfekte Anzeige optimieren.\",\"breadcrumb\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#primaryimage\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_logos_und_favicons_fuer_webseiten.jpg\",\"contentUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_logos_und_favicons_fuer_webseiten.jpg\",\"width\":1440,\"height\":530,\"caption\":\"Logos und Favicons f\u00fcr Webseiten\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/a-vista-studios.de\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Logos und Favicons f\u00fcr Webseiten\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#website\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/\",\"name\":\"Webdesign Tipps \/ Webdesign Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/a-vista-studios.de\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#organization\",\"name\":\"A Vista Studios\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png\",\"contentUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png\",\"width\":520,\"height\":236,\"caption\":\"A Vista Studios\"},\"image\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f\",\"name\":\"avs\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g\",\"caption\":\"avs\"},\"url\":\"https:\/\/a-vista-studios.de\/blog\/author\/avs\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Logos und Favicons f\u00fcr Webseiten: Standard-Darstellung und Apple Retina","description":"Logos und Favicons f\u00fcr Webseiten: Standard-Darstellung sowie Optimierung f\u00fcr Apple Retina-Displays. Logos und Favicons f\u00fcr die perfekte Anzeige optimieren.","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:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/","og_locale":"de_DE","og_type":"article","og_title":"Logos und Favicons f\u00fcr Webseiten: Standard-Darstellung und Apple Retina","og_description":"Logos und Favicons f\u00fcr Webseiten: Standard-Darstellung sowie Optimierung f\u00fcr Apple Retina-Displays. Logos und Favicons f\u00fcr die perfekte Anzeige optimieren.","og_url":"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/","og_site_name":"Webdesign Tipps \/ Webdesign Blog","article_published_time":"2017-12-09T09:08:23+00:00","article_modified_time":"2020-08-24T11:12:42+00:00","og_image":[{"width":1440,"height":530,"url":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_logos_und_favicons_fuer_webseiten.jpg","type":"image\/jpeg"}],"author":"avs","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"avs","Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#article","isPartOf":{"@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/"},"author":{"name":"avs","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f"},"headline":"Logos und Favicons f\u00fcr Webseiten","datePublished":"2017-12-09T09:08:23+00:00","dateModified":"2020-08-24T11:12:42+00:00","mainEntityOfPage":{"@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/"},"wordCount":544,"commentCount":0,"publisher":{"@id":"https:\/\/a-vista-studios.de\/blog\/#organization"},"image":{"@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#primaryimage"},"thumbnailUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_logos_und_favicons_fuer_webseiten.jpg","articleSection":["Webdesign"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/","url":"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/","name":"Logos und Favicons f\u00fcr Webseiten: Standard-Darstellung und Apple Retina","isPartOf":{"@id":"https:\/\/a-vista-studios.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#primaryimage"},"image":{"@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#primaryimage"},"thumbnailUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_logos_und_favicons_fuer_webseiten.jpg","datePublished":"2017-12-09T09:08:23+00:00","dateModified":"2020-08-24T11:12:42+00:00","description":"Logos und Favicons f\u00fcr Webseiten: Standard-Darstellung sowie Optimierung f\u00fcr Apple Retina-Displays. Logos und Favicons f\u00fcr die perfekte Anzeige optimieren.","breadcrumb":{"@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#primaryimage","url":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_logos_und_favicons_fuer_webseiten.jpg","contentUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_logos_und_favicons_fuer_webseiten.jpg","width":1440,"height":530,"caption":"Logos und Favicons f\u00fcr Webseiten"},{"@type":"BreadcrumbList","@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/logos-und-favicons-fuer-webseiten-apple-retina\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/a-vista-studios.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Logos und Favicons f\u00fcr Webseiten"}]},{"@type":"WebSite","@id":"https:\/\/a-vista-studios.de\/blog\/#website","url":"https:\/\/a-vista-studios.de\/blog\/","name":"Webdesign Tipps \/ Webdesign Blog","description":"","publisher":{"@id":"https:\/\/a-vista-studios.de\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/a-vista-studios.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/a-vista-studios.de\/blog\/#organization","name":"A Vista Studios","url":"https:\/\/a-vista-studios.de\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png","contentUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png","width":520,"height":236,"caption":"A Vista Studios"},"image":{"@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f","name":"avs","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g","caption":"avs"},"url":"https:\/\/a-vista-studios.de\/blog\/author\/avs\/"}]}},"_links":{"self":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts\/527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/comments?post=527"}],"version-history":[{"count":7,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts\/527\/revisions"}],"predecessor-version":[{"id":1435,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts\/527\/revisions\/1435"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/media\/531"}],"wp:attachment":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/media?parent=527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/categories?post=527"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/tags?post=527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}