Kategorie: bilder

Fileupload über den Browser – ein Überblick über diverse Lösungen

Beim Upload von Dateien über den Browser hat sich in den letzten Jahren viel getan.

Vor allem mit Canvas und JavaScript gibt es jetzt viele geniale Möglichkeiten wie

  • Bildvorschau vor dem Upload
  • Datei umbenennen
  • Bilder mit Watermarks versehen
  • Bildgröße anpassen
  • Bilder drehen, beschneiden und verändern
  • Text aus Dokumenten vor dem Upload auslesen

 

Hier also ein Überblick über diverse Möglichkeiten

filepond.js

https://pqina.nl/filepond/

Die Goodies:

  • Vanilla JavaScript – keine Abhängigkeiten zu jQuery o.ä.
  • Kann mit Base64-Dateien, Ordnerpfaden, Einzeldateien, mehreren Dateien und Links umgehen!
  • Funktioniert mit React, Vue and Angular und ist als jQuery-Plugin erhältlich.

 

jQuery-File-Upload

https://github.com/blueimp/jQuery-File-Upload

Goodies:

  • Drag’n’Drop
  • Fortschrittsanzeige
  • Kann angefangene und unterbrochene Uploads fortsetzen

Für micht interessante Links zu dem Tool, was Bildvorschau betrifft:

 

Übersicht anderer:

Gratis Fotos, Icons, Vektoren, Stockfotos – eine Übersicht

Egal ob für das Aufpeppen von Blogartikeln, als Hintergrund bei Visitenkarten, als Vorlage für eine Broschüre oder einen Flyer oder für die nächste Bilderverschönerungen.

Professionelle Fotos, Icons, Vektoren und Stockfotos braucht man fast täglich.

Daher hab ich eine kleine Übersicht zusammengetragen. Alle Ressourcen sind immer für kommerzielle Nutzung freigegeben!

Fotos

unsplash

  • https://unsplash.com/
  • Alle Bilder unterliegen der Creative Commons und können ohne Nennung verwendet werden

Pixabay

Skuawk

 

Gratisography

CC0-Fotos

Public Domain Archive

New Old Stock

Stockio

 

Texturen/Hintergründ

qtextures.net

Vektorgrafiken

Icons

Clipart

Open Clipart

Clker

 

Weitere, die ich noch begutachten muss:

 

 

Bilder für Posts oder Beitragsbild – automatisch oder schnell auswählen

Artikel und generell das geschriebene Wort lebt noch immer vom Erscheinungsbild.

Es macht daher mehr her, wenn Beiträge mit Bildern versehen werden. Nicht umsonst hat WordPress zb standardmäßig die Möglichkeit, ein Beitragsbild zu setzen. Diese Funktion wird oft unterschätzt – aber Bilder sagen halt mehr aus als Wörter.

Bloggen ist aufwändig

Ja, ist es!

Aber der Aufwand kann gemindert werden, wenn man die richtigen Tools verwendet, um zb Bilder in Artikel einzufügen oder Vorschaubilder auszuwählen.

Helferleins (WordPress-Plugins)

Magic Post Thumbnail

Setzt automatisch das Beitragsbild, wenn noch keines gesetzt wird.

Großer Vorteil: Das Plugin kann bei Google, Flickr und Pixabay suchen.

Der Titel des Beitrags wird für die Suche nach einem Bild verwendet. Das kann zum Problem werden, wenn nur nach dem gesamten Titel gesucht wird. Da kommt oft nichts Passendes zurück. Daher zb auf die ersten 2 Wörter des Titels abstellen.

Das Plugin ist praktisch, weil die Resultate nicht so schlecht sind

Auswahlmöglichkeiten von Magic Post Thumbnail

Pixabay Images

Das WordPress-Plugin sucht, no na net, bei Pixaby und integriert sich schön in den Medienuploader:

ImageInject

Image Inject für WordPress ist praktisch, weil man nicht direkt über die Mediengallerieauswahl geht, sondern mit einer Box unter dem Inhaltsfeld arbeitet:

 

Man kann das Bild in den Editor bringen oder als Beitragsbild setzen (was bei mir aber irgendwie nicht funktioniert hat…)

 

So, also viel Spaß beim Bloggen mit Bilderuntermalung!

bilder photo