https://somm.fernkurs-wiki.de/w/index.php?action=history&feed=atom&title=Thumbnail 2026-04-20T08:31:42Z Versionsgeschichte dieser Seite in Social Media Manager MediaWiki 1.37.0 https://somm.fernkurs-wiki.de/w/index.php?title=Thumbnail&diff=9826&oldid=prev 2023-07-25T12:17:25Z

<p><span dir="auto"><span class="autocomment">Thumbnail</span></span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 25. Juli 2023, 12:17 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">==Thumbnail==</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&#039;&#039;&#039;</del>Definition<del style="font-weight: bold; text-decoration: none;">&#039;&#039;&#039;</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">==</ins>Definition<ins style="font-weight: bold; text-decoration: none;">==</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Thumbnails sind verkleinerte Bilder. Diese werden anstatt des großen Originals angezeigt. Die Übersetzung dazu ist „Daumennagel“ und verweist auf die Größe des Bildes. Dieser Begriff wird in Verbindung zu sozialen Medien seit den 1980er Jahren genutzt.  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Thumbnails sind verkleinerte Bilder. Diese werden anstatt des großen Originals angezeigt. Die Übersetzung dazu ist „Daumennagel“ und verweist auf die Größe des Bildes. Dieser Begriff wird in Verbindung zu sozialen Medien seit den 1980er Jahren genutzt.  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&#039;&#039;&#039;</del>Nutzung<del style="font-weight: bold; text-decoration: none;">&#039;&#039;&#039;</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">==</ins>Nutzung<ins style="font-weight: bold; text-decoration: none;">==</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Als ein gutes Beispiel dient hier die Suchmaschine Google, welche die Bilder als Vorschaubilder nutzt um dem User einen Überblick über den Inhalt zu ermöglichen. Wenn man mit dem Curser auf den Thumbnail kommt wird das Bild vergrößert dargestellt und der angehangene Link wird angezeigt. Mit dem Klick auf dem Thumbnail wird man entsprechend weitergleitet. Als Beispiel dienen auch die Bilder auf Shoppingseiten, in dem man als Vorschau ein kleines Bild des Produktes angezeigt bekommt und dann, beim entsprechenden Handeln, wird die Normalgröße, die Produktinfos etc. angezeigt. Auch bei Videoplattformen wird diese Art von Vorschau genutzt, als Beispiel gilt hier YouTube.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Als ein gutes Beispiel dient hier die Suchmaschine Google, welche die Bilder als Vorschaubilder nutzt um dem User einen Überblick über den Inhalt zu ermöglichen. Wenn man mit dem Curser auf den Thumbnail kommt wird das Bild vergrößert dargestellt und der angehangene Link wird angezeigt. Mit dem Klick auf dem Thumbnail wird man entsprechend weitergleitet. Als Beispiel dienen auch die Bilder auf Shoppingseiten, in dem man als Vorschau ein kleines Bild des Produktes angezeigt bekommt und dann, beim entsprechenden Handeln, wird die Normalgröße, die Produktinfos etc. angezeigt. Auch bei Videoplattformen wird diese Art von Vorschau genutzt, als Beispiel gilt hier YouTube.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&#039;&#039;&#039;</del>Ziel bzw. Gründe für die Verwendung<del style="font-weight: bold; text-decoration: none;">&#039;&#039;&#039;</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">==</ins>Ziel bzw. Gründe für die Verwendung<ins style="font-weight: bold; text-decoration: none;">==</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Die geringe Größe der Daten ermöglicht es viele Bilder auf einer Seite darzustellen und verschafft dem User einen besseren Überblick, z. Bsp. Onlineshops. Bei den Videoplattformen wird der User durch das Anzeigen der Vorschaubilder dazu animiert ein weiteres Video anzuschauen bzw. auf das beworbene Produkt zu klicken.  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Die geringe Größe der Daten ermöglicht es viele Bilder auf einer Seite darzustellen und verschafft dem User einen besseren Überblick, z. Bsp. Onlineshops. Bei den Videoplattformen wird der User durch das Anzeigen der Vorschaubilder dazu animiert ein weiteres Video anzuschauen bzw. auf das beworbene Produkt zu klicken.  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&#039;&#039;&#039;</del>Quellen<del style="font-weight: bold; text-decoration: none;">&#039;&#039;&#039;</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">==</ins>Quellen<ins style="font-weight: bold; text-decoration: none;">==</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://www.seobility.net/de/wiki/Thumbnail#Definition</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://www.seobility.net/de/wiki/Thumbnail#Definition</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://blog.mynd.com/de/5-schritte-perfekte-thumbnail/</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://blog.mynd.com/de/5-schritte-perfekte-thumbnail/</div></td></tr> </table>

TamaraBillmaier https://somm.fernkurs-wiki.de/w/index.php?title=Thumbnail&diff=9825&oldid=prev 2023-07-25T12:11:49Z

<p>Die Seite wurde neu angelegt: „==Thumbnail== &#039;&#039;&#039;Definition&#039;&#039;&#039; Thumbnails sind verkleinerte Bilder. Diese werden anstatt des großen Originals angezeigt. Die Übersetzung dazu ist „Daumennagel“ und verweist auf die Größe des Bildes. Dieser Begriff wird in Verbindung zu sozialen Medien seit den 1980er Jahren genutzt. &#039;&#039;&#039;Nutzung&#039;&#039;&#039; Als ein gutes Beispiel dient hier die Suchmaschine Google, welche die Bilder als Vorschaubilder nutzt um dem User einen Überblick über den Inhalt…“</p> <p><b>Neue Seite</b></p><div>==Thumbnail==<br /> <br /> &#039;&#039;&#039;Definition&#039;&#039;&#039;<br /> <br /> Thumbnails sind verkleinerte Bilder. Diese werden anstatt des großen Originals angezeigt. Die Übersetzung dazu ist „Daumennagel“ und verweist auf die Größe des Bildes. Dieser Begriff wird in Verbindung zu sozialen Medien seit den 1980er Jahren genutzt. <br /> <br /> &#039;&#039;&#039;Nutzung&#039;&#039;&#039;<br /> <br /> Als ein gutes Beispiel dient hier die Suchmaschine Google, welche die Bilder als Vorschaubilder nutzt um dem User einen Überblick über den Inhalt zu ermöglichen. Wenn man mit dem Curser auf den Thumbnail kommt wird das Bild vergrößert dargestellt und der angehangene Link wird angezeigt. Mit dem Klick auf dem Thumbnail wird man entsprechend weitergleitet. Als Beispiel dienen auch die Bilder auf Shoppingseiten, in dem man als Vorschau ein kleines Bild des Produktes angezeigt bekommt und dann, beim entsprechenden Handeln, wird die Normalgröße, die Produktinfos etc. angezeigt. Auch bei Videoplattformen wird diese Art von Vorschau genutzt, als Beispiel gilt hier YouTube.<br /> <br /> &#039;&#039;&#039;Ziel bzw. Gründe für die Verwendung&#039;&#039;&#039;<br /> <br /> Die geringe Größe der Daten ermöglicht es viele Bilder auf einer Seite darzustellen und verschafft dem User einen besseren Überblick, z. Bsp. Onlineshops. Bei den Videoplattformen wird der User durch das Anzeigen der Vorschaubilder dazu animiert ein weiteres Video anzuschauen bzw. auf das beworbene Produkt zu klicken. <br /> <br /> &#039;&#039;&#039;Quellen&#039;&#039;&#039;<br /> <br /> https://www.seobility.net/de/wiki/Thumbnail#Definition<br /> <br /> https://blog.mynd.com/de/5-schritte-perfekte-thumbnail/</div>

TamaraBillmaier