1.) Funktion "Datei anhängen": Unter dem Textbearbeitungsfeld rechts befindet sich ein kleiner Rahmen mit dem schwarzen Text "Datei anhängen", leider nicht sofort als Link oder Schaltfläche erkennbar (der braune Link "Fotos hochladen" ist inzwischen nicht mehr sichtbar).
Auf diesen Text Datei anhängen klicken.
2.) Schaltfläche Durchsuchen: Es öffnet sich eine Dialogbox mit der Schaltfläche "Durchsuchen". Darauf klicken.
3.) Bilderauswahl in den eigenen Ordnern: Es öffnet sich ein Fenster mit der Ordner-Übersicht Eures Rechners, in dem das Bild ausgewählt werden kann. Das Bild markieren und die Schaltfläche "Öffnen" anklicken. Der Dateiname wird in die Dialogbox übernommen. Bei Bedarf können auch mehrere Dateien ausgewählt werden.
3a.) Probleme mit Umlauten im Dateinamen: Bei den Dateinamen der Bilder kann es Probleme geben, wenn Umlaute oder das ß enthalten sind. Deshalb bitte Umlaute ersetzen: ä durch ae, ö durch oe, ü durch ue und ß durch ss. Das gilt auch für Ä, Ö und Ü. Dieser Fehler passiert regelmäßig, wenn im Dateinamen "Märklin" verwendet wird.
Bitte auch keine anderen Sonderzeichen im Dateinamen verwenden.
Keine Probleme bereiten die kleinen und großen Buchstaben a-z und A-Z, die Ziffern 0-9, der Bindestrich und der Unterstrich.
4.) Dateien hochladen: Sobald alle gewünschten Bilder ausgewählt sind, die Schaltfläche "Dateien hochladen" anklicken. Die Dateien werden jetzt auf den Forums-Server übertragen. Das kann einen Moment dauern, weil die Übertragungsgeschwindigkeit in Richtung Internet üblicherweise deutlich langsamer ist als in Richtung zum Anwender.
5.) Hochgeladene Dateien: Die bereits hochgeladenen Dateien werden in der Dialogbox angezeigt:
Neben jeder Datei gibt es einen Link Einfügen.
6.) Einfügen: Den Cursor in die für dieses Bild leergelassene Zeile ds Beitrages stellen und den Link "Einfügen" des gewünschten Bildes klicken. Es öffnet sich ein Fenster mit den Bilddarstellungsoptionen:
Zur Festlegung der Bildgröße sollte vorzugsweise "Vollbild" (fullsize) ausgewählt werden.
Bei großen Bildern kann auch die Option Wert gewählt werden, dann sollte man z.B. 800px 800px eintragen.
6a.) Typischer Fehler beim Festlegen der Bildgrößen: Bei Breite wird als Standardwert "Automatisch" (auto) angeboten. Wenn man das nicht ändert, wird das Bild mit einer sehr kleinen Bildgröße von 200px 200px angezeigt.
7.) Bild einfügen: Mit dieser Funktion wird eine Referenz auf die hochgeladene Bilddatei an die gewünschte Stelle im Beitrag eingefügt. Die Bilder sind nun in der Vorschau sichtbar und bleiben unbegrenzt auf dem Forenserver verfügbar.
8.) Nachbearbeiten der Bilddarstellungsoptionen: Wenn man versehentlich die Bildgrößen- Option "Automatisch" ausgewählt hatte, kann man dies nachträglich korrigieren,
Dazu einfach in den Bearbeitungsmodus des Beitrages gehen und im Bildaufruf den Wert auto durch fullsize ändern. Dabei aufpassen, dass die eckigen Klammern und die senkrechten Trenn-Striche erhalten bleiben.
Man kann die komplette Zeile mit dem Bildaufruf auch kopieren und an eine andere Stelle verschieben.
Bilder dürfen bis zu 4096 Pixel breit und hoch sein.
9.) Tipp für die gute Bilddarstellung in einem Bericht: Nach jedem Bild ein oder zwei Leerzeilen einfügen, auch das kann nachträglich im Bearbeitungsmodus erfolgen. Zu jedem Bild kann eine Beschreibung hinzugefügt werden, entweder als Bildunterschrift oder als Bildüberschrift:
- Eine Bildunterschrift sollte direkt unter einem Bild angeordnet werden, gefolgt von ein oder zwei Lerzeilen.
- Eine Bildüberschrift sollte direkt über einem Bild angeordnet werden, davor ein oder zwei Lerzeilen.
10.) Wichtige Warnung zu gleichzeitigen Hochladen und Löschen von Bildern: Wenn man in einem Beitrag arbeitet, sollte man nicht gleichzeitig neue Bilder hochladen und alte Bilder löschen. In bestimmten Fällen kann dies zum kompletten Datenverlust (inkl. Text) im Beitrag führen.
Beobachtet wurde dies, wenn ein bereits hochgeladenes Bild auf dem Rechner verändert wurde (z.B. Ausschnitt angepasst) und dann das geänderte Bild erneut hochgeladen und die alte Version des Bildes gelöscht werden sollte.
Wenn der Dateiname gleich bleibt, kommt es zu einem Fehler, der alle Texte und Bildaufrufe im Beitrag löscht. Die hochgeladenen Bilder sind dabei erhalten geblieben.
11.) Verdrehte Bilder: Regelmäßig sehen wir hier im Forum, dass Bilder auf dem Kopf oder auf der Seite stehen. Das geschieht oft bei Hochkantbildern, die mit der Handy-Kamera aufgenommen wurden. Mehr Informationen hierzu gibt es einem eigenen Thema: Bilder stehen auf dem Kopf oder auf der Seite - Ursachen und Behebung
Edit 12.08.2019 - DW: Punkt 3a mit den Umlauten ergänzt Edit 05.09.2020 - DW: Ergänzungen zu Punkt 3a und neuen Punkt 10 aufgenommen. Edit 13.03.2022 - DW: Punkt 11 zu verdrehten Bildern aufgenommen. Edit 07.01.2024 - DW: Übersicht der Schritte (Inhaltsverzeichnis) ergänzt
Ich möchte nochmals darum bitten Bilder möglichst direkt einzubinden. Hier im Forum bleiben Sie erhalten, Bilderhoster löschen nach einiger Zeit - und das wäre schade.
damit diese Anleitung übersichtlich bleibt, werde ich die Diskussionsbeiträge der letzten Tage demnächst wieder rausnehmen.
Zum Thema Bilder einbinden in Persönlichen Nachrichten: Danke für die Hinweise, dort fehlt tatsächlich die Funktion Datei anhängen. Wir versuchen über das XOBOR-Support-Forum zu klären, wie man diese Funktion dort freischalten kann.
Du kannst beide Einstellungen verwenden, auch 800 px ist eine sinnvolle Skalierung. Die Wiedergabegröße kann über "Bearbeiten" auch später noch verändert werden, gerne mal ausprobieren.
Sehr unschön sind die kleinen Vorschaubilder (thumbnails oder Daumennägel), weil man das Bild erst vergrößern muss, um etwas zu sehen.
Ebenfalls unschön ist es, wenn man Bilder mit sehr hoher Dateigröße unkomprimiert hochlädt, weil dadurch die Ladezeit stark anwachsen kann. Bei großen Themen mit vielen Bildern ist das durchaus zu spüren.
danke für die Info. Ich habe jetzt 3 Bilder von demselben Wärterhaus in folgender Reihenfolge heruntergeladen: 600 px, 800 px, Vollbild
Bildvariante 1 mit 600 px
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bildvariante 2 mit 800 px
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bildvariante 3 mit Vollbild (fullsize)
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Viele Grüße,
Karl
Edit Moderation: Bildvarianten unter dem Bild beschrieben, Blindtext ohne Zeilenumbruch unter jedem Bild ergänzt.
trixkarl49
hat folgende Bilder an diesen Beitrag angehängt
das ist ein guter Test, um die Wirkung zu veranschaulichen. Ich habe in Deinem Beitrag noch die Wiedergabegröße direkt unter dem Bild ergänzt.
Man muss dabei auch beachten, dass dieser Beitrag sowohl auf Heimrechnern mit unterschiedlichen Bildschirmauflösungen, aber auch auf Smartphones und Tablets angesehen werden kann.
Bei modernen Systemen spricht man vom Responsive Design, das heißt die Bild- und Seitendarstellung orientiert sich dynamisch an der verfügbaren Bildschirmgröße:
- Auf einem Heim-Bildschirm mit höherer Auflösung erscheinen die drei Bildvarianten in drei unterschiedlichen Größen. Ich persönlich finde die 800er Auflösung angemessen. Vielleicht können die anderen Kollegen etwas zu diesem Test sagen.
- Auf einem Smartphone erscheinen alle drei Bildvarianten in der gleichen Größe und sind gut erkennbar.
heute ist die Technik deutlich weiter als noch vor wenigen Jahren. Die Systeme erkennen, welche Bildschirmgröße verwendet wird und passen die Bilddarstellung entsprechend an.
Insofern werden bei der Variante Vollbild aus technischer Sicht keine Grenzen mehr vorgegeben.
Der zweite Aspekt ist aber auch die Gestaltung. Welche Bildgröße möchte man maximal haben, vor allem im Verhältnis zum Text ? Möchte man den Text absichtlich umbrechen ?
Ich persönlich mag keine sehr langen Zeilen, deshalb breche ich gerne den Text nach einer bestimmten Zeilenlänge um. Wenn aber die Bilder zu groß werden, wird die Seitengestaltung zu unausgewogen.
Ich habe in Karls Beispielbeitrag hinter jedem Bild jeweils einen inhaltslosen Blindtext ohne Zeilenumbruch eingefügt. Ich werde heute im Büro mal an verschiedenen Rechnern mit unterschiedlichen Bildschirmgrößen schauen, wie das aussieht.
bei der ersten Bilderserie hat sich herausgestellt, dass das ursprüngliche Bild durch einen Ausschnitt aus einem anderen Bild entstand und dadurch die Bildgröße ohnehin begrenzt war.
Deshalb wird diese Testreihe nun mit einem zweiten größeren Bild wiederholt. Dieses zweite Bild hat eine Breite von rund 3200 px und eine Dateigröße von 2,2 MB. Zusätzlich wird wieder ein Blindtext ohne Umbruch zwischen die Bilder kopiert.
Bildvariante 2 mit Wert Auto (Vorschaubild, 200 px)
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bildvariante 2 mit Wert 600 px
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bildvariante 2 mit Wert 800 px
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bildvariante 2 mit Vollbild (fullsize)
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Ergebnis des Tests:
- Auch bei der großen Bilddatei mit höherer Auflösung führt die Einstellung Vollbild (fullsize) zu keiner Vergrößerung gegenüber der Einstellung mit Wert = 800 px --> Vollbild (fullsize) kann inzwischen als Darstellungsgröße empfohlen werden.
- Bei der großen Bilddatei mit 2,2 MB Dateigröße ist aber bereits die verzögerte Ladezeit erkennbar. --> Die Bilddatei sollten für die Web-Darstellung angemessen auf ca. 500 - 800 kB komprimiert werden.
- Der Blindtext wird automatisch umgebrochen. --> Ein manueller Umbruch scheint nicht mehr erforderlich zu sein.
Du lädst das Video im Internat auf einen Speicherplatz. Youtube oder Dein eigener Kanal. Dann kopierst Du den Link, klickst rechts auf das schwarze Kästchen und gibst den Link ein. Fertig.
Du hast nur den Link eingesetzt. Wenn du das über die Videofunkrion machst wird das Video als Vorschau angezeigt. Die Funktion kommt aber nicht in der Schnellantwort. Nur über die richtige Antwoet.
Moin. Vlt. sollte man noch erwähnen, daß die Zusatzinformationen in den Dateieigenschaftes des Bildes zu entfernen sind. Dort wird neben Cameratyp, Zeit und Ort auch die Ausrichtung des Bildes bei der Aufnahme gespeichert, also ob Hoch- oder Querformat. Auch wenn die Bilder später gedreht werden, bleibt die Info über die ursprüngliche Aufnahme erhalten. Xobor scheint das auszulesen und dann liegen Bder plötzlich auf der Seite. Also bitte vor dem Hochladen diese Infos aus dem Bild löschen.