Springe zum Inhalt oder Footer
SerloDie freie Lernplattform

Bilder und Grafiken

Gut gewählte Bilder und Grafiken machen deinen Lerninhalt schöner, ansprechender und bei richtigem Einsatz auch didaktisch wertvoller

In dieser Hilfeseite erfährst du daher

Bilder auf serlo.org einbinden

Bild

Erst einmal ganz praktisch: Auf Serlo kannst du Bilder und Grafiken im Editor entweder in voller Breite  oder rechts neben einem Text einbinden. Wie das genau funktioniert, erfährst du in unserer Anleitung zum Editor.

Um ein Bild einbinden zu können, muss es

  • kleiner als 2 MB sein

  • unter einer freien Lizenz stehen und

  • eines der folgenden Dateiformate haben: JPEG, PNG, SVG oder GIF.

Wie du frei lizensierte Bilder findest, erklären wir weiter unten.

Nun weißt du, welche Bilder man auf serlo.org einbinden kann.

Aber was macht ein wirklich gutes Bild aus?

Bild

Inhaltlicher oder optischer Mehrwert: Eigentlich klar, aber wichtig!

So sieht zum Beispiel ein gutes Bild zum Satz des Pythagoras aus:

  • es ist inhaltlich korrekt

  • verdeutlicht die Flächengleichheit der jeweiligen Quadrate

  • arbeitet mit Farben

So kann es helfen, Schüler*innen den Satz des Pythagoras besser zu erklären.

Gute Lesbarkeit: Damit deine Bilder und Grafiken auch auf kleineren Bildschirmen gut zu erkennen sind, achte darauf, dass das Ergebnis nicht so wie in unserem Negativbeispiel aussieht.

Auf das Wesentliche beschränkt: Mehr ist nicht immer besser. Dem Prinzip der didaktischen Reduktion folgend: So viel wie nötig, so wenig wie möglich. 

Keine Werbung: Auf Serlo haben Markenhinweise nichts zu suchen. Im Spoiler findest du dazu leckere Ritter, aber kein Musterbeispiel einer Grafik.

Bilder und Grafiken suchen

Nicht alle Bilder, die du online finden kannst, darfst du auf serlo.org hochladen. Hierbei muss immer die Lizenz der Bilder beachtet und Quellen korrekt genannt werden.

Mit einer Suchmaschine kannst du jedoch recht einfach Bilder mit einer freien Lizenz finden. Egal, ob du Google oder Ecosia benutzst, die Sucheinstellungen sind sehr ähnlich.

Such den Begriff, zu dem du ein Bild benötigst und gehe zur Rubrik “Bilder”. Dort kannst du auf Ecosia über Filter > Lizenz bzw. auf Google Suchfilter > Nutzungsrechte nur die Bilder anzeigen lassen, die auf serlo.org benutzt werden können. 

Bild

Nun hast du verschiedene Lizenzen zur Auswahl. Wähle am Besten 

  • kann kostenlos verwendet und geteilt werden oder

  • kostenlose Freigabe, Änderung & Verwendung, wenn du das Bild noch verändern möchtest

(In der Google Suche: zur Wiederverwendung gekennzeichnet bzw. zur Wiederverwendung mit Veränderung gekennzeichnet)

Lade das Bild nun herunter und dann ist es auch schon bereit auf serlo.org hochgeladen zu werden!

Bildquellen richtig angeben

Um eine Bildquelle richtig anzugeben, musst du folgende Fragen beantworten können:

  1. Wer ist der Urheber? Nenne den Namen und verlinke, falls möglich, auch auf den Urheber.

  2. Welche Lizenz hat das Bild? Verlinke den Lizenztext dazu.

  3. Woher hast du das Bild? Verlinke hier die Seite, von der du das Bild heruntergeladen hast.

So sieht sowas dann beispielsweise aus:

Bild

Bilder und Grafiken erstellen

Oft kann man Bilder und Grafiken nicht so einfach im Internet finden und muss sie selbst erstellen.

Selbsterstellte Bilder und Grafiken, die du auf serlo.org hochlädst, stehen automatisch unter einer cc-by-sa Lizenz so wie alle unsere Inhalte. Wenn diese Bilder und Grafiken geteilt werden, wird serlo.org als Quelle angegeben. 

Auch bei selbst erstellten Bildern und Grafiken ist es gut, wenn du kenntlich machst, dass die Grafik selbst erstellt ist. Notiere dafür unter dem Bild “eigene Darstellung” oder etwas Vergleichbares. Das sieht dann zum Beispiel so aus:

Bild

Abbildung selbst erstellt

Methoden und Programme, um Bilder und Grafiken zu erstellen

Bilder verändern

Manchmal ist es nötig die Speichergröße eines Bilds zu verändern oder man möchte einzelne Teile eines Bildes hervorheben, z.B. durch Beschriftungen oder Pfeile. Auch wenn du eine Bildcollage erstellen willst oder Bilder zuschneiden möchtest, brauchst du Bildbearbeitungsprogramme.

Für diese Fälle kannst du entweder so gut wie jedes der obigen Programme benutzen oder du nutzt, was bereits auf deinem Computer vorinstalliert ist. Fast jeder Rechner hat ein Programm installiert, um Bilder anzusehen und auch zu bearbeiten. Oft hat das Programm keinen festen Namen. Um es zu nutzen, mache einen Rechtsklick auf das zu bearbeitende Bild und wähle "Öffne mit" aus. Dann sollte es z.B. unter "Bild bearbeiten" oder "Ausschneiden und Skizzieren" oder "Fotos" oder unter einem anderen Namen als eines der Auswahlmäglichkeiten erscheinen.

Der Funktionsumfang ist unterschiedlich groß, aber reicht meist für einfache Bearbeitungen.

Für den Export von Bildern können sich auch Screenshots anbieten. Wie du diese erstellst ist von PC zu PC unterschiedlich.

Serlo-Farben

Damit serlo.org trotz der großen Anzahl an Autor*innen in unserer Community möglichst einheitlich aussieht, wäre es schön, wenn du in deinen Grafiken die Farben aus der folgenden Tabelle nutzen könntest.

Farbe

RGB-Farbcode

Hexcode

orange

orange

(255,102,0)

ff6600

rot

rot

(204,0,0)

cc0000

lila

lila

(102,0,153)

660099

tuerkis

türkis

(0,153,153)

009999

gruen

grün

(0,100,0)

006400

Hinweis: Nutze wenn möglich bitte kein rot und grün zur Unterscheidung! Menschen mit Rot-Grün-Schwäche können hier Probleme haben.


Dieses Werk steht unter der freien Lizenz
CC BY-SA 4.0Was bedeutet das?