it-swarm.com.de

Warum verwendet Apple Textbilder für Überschriften?

Ich habe gerade bemerkt, dass Apple verwendet Bilder für einfache Textüberschriften. Ich denke, es dient der Verbesserung der Lesbarkeit, verstehe aber immer noch nicht, warum Bilder?

Überprüfen Sie dies - http://www.Apple.com/why-mac/

Überschrift - "Machen Sie das ultimative Upgrade. Auf einen Mac." ist ein Bild.

Gibt es einen gültigen Grund für die Verwendung eines Bildes anstelle von Text für diesen Header?

24
ideawebme

Ich würde vermuten, dass der Text in allen Browsern konsistent gerendert wird. Nicht alle Browser unterstützen Schriftart . Bilder sind also die einzige Möglichkeit, die volle Kontrolle über das Erlebnis zu haben.

Viele der Besucher dieser Seite haben möglicherweise einen alten PC. Sie riskieren also eher, dass die Seite durch unsachgemäßes Rendern zerstört wird, und zeigen ein Bild. Damit die Seite ihre Botschaft vermittelt, dass "Macs schön sind und einfach funktionieren".

15
Alvin

Sie konzentrieren sich auf visuelle Konsistenz zum Preis der Zugänglichkeit. Es ist nicht so, wie das Web funktionieren soll, aber es ist keine große Überraschung, dass Apple diese Haltung einnehmen, angesichts ihrer äußerst erfolgreichen Marketingkampagnen.

14
Matt

Apples Unternehmensschrift ist Myriad. Myriade ist wahrscheinlich unerschwinglich teuer für jemanden in der Größenordnung von Apple für die Lizenzierung, um auf seiner Website zu dienen. Außerdem Apple möchte Adobe wahrscheinlich nicht bezahlen) Tonnenweise Geld, nur um seine Designentscheidungen für seine Marketing-Websites zu unterstützen. Außerdem macht es die Website schneller und weniger zum Herunterladen.

Zugänglichkeit; Das Bild hat ein alt Attribut mit genau demselben Text. Nicht-Bildbrowser rendern den Text also wie gewohnt. Es ist perfekt zugänglich.

Außerdem möchte Apple wahrscheinlich das Aufblitzen von nicht gestylten Inhalten vermeiden, bevor die Schriftart vollständig geladen ist. Und ein kleines Schwarzweißbild ist viel kleiner als eine Schriftgröße. Dieses bestimmte Bild hat eine Größe von 8 KB.

8
Grant Hutchins

Es gibt wahrscheinlich alte Gründe für diese Entscheidung, die in Betracht gezogen werden sollten, aber es gibt zumindest einige vernünftige Erklärungen, die mir einfallen:

  1. Bilder ermöglichen die vollständige Kontrolle über typografische Details wie Tracking , Kerning , Ligaturen und Kontext) Alternativen
    CSS bietet keine Autorenkontrolle über Kerning oder kontextbezogene Alternativen, sehr grobe Unterstützung für das Ändern des Trackings und nur globale Kontrolle über Ligaturen.
    Die einzige echte Option, die sie bieten, ist text-rendering: optimizeLegibility , der die in der Schriftart deklarierten Kerning-Paare berücksichtigt und alle Ligaturen aktiviert (obwohl anscheinend nur Firefox Ligaturen verwendet, auch wenn diese Option aktiviert ist).
    Dies alles führt zu mehr Kontrolle für den Designer.

  2. Die Sperrung der Überschrift in Bezug auf die Bilder ist für Apple von Bedeutung
    Einer der Vorteile einer bildbasierten Überschrift besteht darin, dass Sie die Kontrolle über das Umbrechen von Text nicht an den Browser abgeben müssen. Wenn der Browser (aus welchem ​​Grund auch immer) die eigentliche Überschriftenschrift nicht laden kann, kann die bissige Kopie von Apple leider verpackt werden, was möglicherweise zu Waisen führt. Stellen Sie sich die Überschrift in Ihrem Beispiel vor:

    Machen Sie das Ultimative
    Aktualisierung. Zu einem
    Mac.

  3. Es ermöglicht Apple, den Text auf eine Weise zu formatieren, die mit CSS noch nicht möglich ist
    Sehen Sie sich beispielsweise die Verlaufsfüllung im Text "Warum Sie einen Mac lieben" in der Seitenüberschrift an. Im Moment gibt es keine Möglichkeit, dies ohne einige knifflige/hackige Techniken in CSS zu tun.

  4. Die Schriftart (Myriad Pro) ist nur öffentlich lizenziert, um von Typekit (einem Adobe-Dienst) gehostet zu werden
    Es ist im Allgemeinen unwahrscheinlich, dass Apple glücklich ist, einen großen Teil seiner Identität von einem Remote-Dienst abhängig zu machen, der außerhalb seiner Kontrolle liegt, insbesondere für Text auf seiner Homepage. Es ist zwar möglich, dass sie sich an Adobe wenden, um eine Lizenz für das Hosting der verschiedenen von ihnen verwendeten Myriad Pro-Gewichte zu erhalten, dies würde jedoch die oben beschriebenen Probleme nicht lösen.

Interessanterweise ist die h3 Elemente auf dieser Seite (die Überschriften in jedem Block unter der Hauptüberschrift) verwenden ebenfalls Myriad Pro, deklarieren es jedoch in CSS (ohne @font-face Erklärung). Sie verwenden Myriad Pro, wenn der Benutzer es installiert hat. Andernfalls wird auf Lucida Grande (die OS X-Systemschriftart), Lucida Sans Unicode, dann Helvetica, Arial und schließlich die serifenlose Standardschriftart des Browsers zurückgegriffen. Sie glauben eindeutig , dass Text es sich leisten kann, bei Bedarf in anderen Schriften angezeigt zu werden.

7
Kit Grose

Für 90% der Websites, die Bilder als Text verwenden, ist der Grund ein sehr grundlegender technischer Grund. Damit eine Schriftart in einem Webbrowser ordnungsgemäß angezeigt wird, muss sie auf dem Computer des Clients gespeichert werden. Wenn dies nicht der Fall ist, wird eine andere (Standard-) Schriftart verwendet (die Apple offensichtlich nicht will). Jetzt gibt es zwei Problemumgehungen für das Problem, die beide immer beliebter werden Obwohl die meisten Browser sie unterstützen, werden sie jedoch nicht von ALLEN unterstützt. Daher werden häufig Bilder anstelle von Text verwendet. Die Problemumgehungen sind:

  • https://typekit.com - Ermöglicht die Verwendung von Schriftarten aus der Schriftbibliothek auf Ihrer Website. (Auch für alle Adobe Creative Cloud-Abonnenten kostenlos verfügbar).
  • Schriftarten - Sie können Ihre eigene Schrift mit CSS einbetten (sofern Sie das gesetzliche Recht dazu haben). Ein guter Ort, um Schriftarten in Schriftarten umzuwandeln, ist: http://www.fontsquirrel.com/fontface/generator/generator
1
Iddo

Tolle Diskussion hier. Nach meinen bisherigen Recherchen wurde Myriad ursprünglich für Printmedien entwickelt. Daher ist das Rendering im Web nicht so scharf. Apple ist bekannt für diese kleinen Details und entschied sich daher für Bilder mit Alternativtext (Barrierefreiheit).

Ich glaube nicht, dass der Grund der Preis/irgendetwas sein würde, das mit dem Kauf bei Adobe zusammenhängt, da Apple ist eines der reichsten Unternehmen, der Preis wäre das Letzte, worüber man sich Sorgen machen müsste.

Aber die nächste Frage war - WARUM KEINE CSS-SPRITES? Immerhin, Apple ist dafür bekannt, mehrere hochauflösende Bilder pro Webseite zu verwenden, warum sollte unnötige zusätzliche http-Anfrage hinzugefügt werden?

Die Antwort ist sehr einfach - Barrierefreiheit da es keinen alternativen Text für Hintergrundbilder gibt.

Detaillierte Erläuterung - CSS-Hintergrundbilder, die per Definition nur von ästhetischem Wert sind - nicht visueller Inhalt des Dokuments selbst. Das ist es - Bilder in CSS sind nur visuelle Extras, kein Seiteninhalt, daher benötigen sie niemals alternativen Text . "Abgerundete Ecke" oder "Silberverlauf" hilft niemandem als alternativer Text - im Gegenteil, es nervt die Endbenutzer.

0
ideawebme