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

Von: Jonas

Den Download von Dateien wie Bildern oder PDFs erzwingen wir mit dem Setzen des HTML-Attributs "download" im Link-Tag der Datei.

Aktualisiert von 2020 – 2023

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.

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

Datei-Namen des Downloads ändern

Hat die Datei, die zum Download angeboten wird, einen unschönen Datei-Namen, z.B. weil dieser automatisch erzeugt wird, gibt es die Möglichkeit diesen mit download="dateiname.xxx" anzupassen.

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

Geschrieben von:

Jonas Hellwig

Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Jonas Hellwig bei Xing