Download für Bilder und PDFs erzwingen (Force Download)

Wenn PDF-Dokumente, Bilder oder Videos in einer Website verlinkt werden, so öffnet der Browser per Klick die Datei, anstatt einen Download der Datei auszuführen. Das geschieht immer dann, wenn der Browser einen Dateityp erkennt, den er selbst darstellen kann. In vielen Fällen möchte man allerdings nicht, dass sich Bilder oder PDFs im Browser öffnen – sie sollen zwingend heruntergeladen werden. Mit dem Setzen eines HTML-Attributs erreichen wir dieses Verhalten.

Browserverhalten auf Download ändern

Das HTML-Attribut download teilt dem Browser mit, die entsprechende Datei nicht zu öffnen, sondern zum Download bereitzustellen. Damit wird das native Verhalten geändert, alle darstellbaren Dateiformate anzuzeigen. Der Browser bietet stattdessen einen Dialog zum Auswählen des Speicherortes an.

Das download-Attribut wird für alle relevanten Plattformen von allen aktuellen Browsern auch im mobilen Bereich unterstützt.

Beispiel:

<a href="vertrag.pdf" download>Download unseres Vertrags</a>

Geschrieben von Raimund Büchner

Raimund arbeitet als Medienberater und Web-Designer bei kulturbanause®. Neben der Kundenberatung und -betreuung liegt sein Schwerpunkt im Design der Dinge, die man nicht sieht: Struktur und Inhalte. Informationsarchitektur, UX-Design, Content Strategy sind dafür einige Schlagwörter, »Content Out« und »Mobile First« die Königswege, die für ihn oft den entscheidenden Unterschied zwischen »gut genug« und »so gut wie möglich« ausmachen.