Wie Bilder im Forum einbinden?

RC23 · 2019-05-17T11:39:24.000Z

Gut, kann ich verstehen, daß man Geld sparen muß.

Hier ein Versuch von mir auf meine Cloud zu verlinken:

Mit URL(link)URL geht´s:

https://share.mailbox.org/ajax/share/074d5eec0de4804075f03a2de4804d1a81bf39ac6da4f644/1/8/NDI/NDIvMjQ

In der Cloud-Anzeige ist oben ein Auge als Icon eingeblendet. Dieses anklicken und dann öffnet sich schnell der Screenshot.

Wulf4096 · 2019-05-17T11:41:23.000Z

kreuzschnabel:

Oder man bemüht einen der zahlreichen Imagehoster

Und muss sich dann als User mit irgendwelchen total verkorksten Webseiten rumärgern, nur um so’n Bild anzuschauen.

RC23 · 2019-05-17T11:43:33.000Z

Imagehoster bieten erst mal Werbung (manchmal recht lästige) und es fehlt Datensicherheit.

kreuzschnabel · 2019-05-17T11:47:58.000Z

Worin bestünde z.B. hier die totale Verkorksung?

–ks

Wulf4096 · 2019-05-17T11:52:52.000Z

kreuzschnabel:

Worin bestünde z.B. hier die totale Verkorksung?

Man wird auf eine HTML-Seite geleitet, die wieder nur ein Thumbnail anzeigt. Man muss dort rechts-klick + view-image auf das Bild machen.
Vergleiche mit meinem Beispiel oben. So hat das zu sein, nicht anders.

PT-53 · 2019-05-17T12:03:32.000Z

Und wie macht Ihr das mit dem “kleinen” Vorschaubild und dem “großen” Bild?
Habt Ihr die Bilder 2-fach abgespeichert, in verschiedenen Auflösungen?
Welche Auflösung wird für ein Vorschaubild empfohlen?

Fragende Grüße

kreuzschnabel · 2019-05-17T12:06:16.000Z

Wulf4096:

die wieder nur ein Thumbnail anzeigt. Man muss dort rechts-klick + view-image auf das Bild machen.

Nö. Du siehst es gleich in seiner vollen Größe. Oder genauer, ich tue das, vielleicht macht dein Browser da was kleiner.

Wulf4096:

Vergleiche mit meinem Beispiel oben.

Auch da wird es von meinem Browser erst in den Viewport eingepasst, und ich muss noch mal draufklicken, um 100% zu haben

Aber ich habe ja nie behauptet, dass das Hochladen zum Imagehoster die absolut endgeilste aller Lösungen wäre. Ich wollte – wie die Konjunktion „Oder“ am Anfang meines Beitrags möglicherweise schon nahelegt – nur eine brauchbare Alternative für den Fall aufzeigen, dass man keinen eigenen Webspace hat (oder nutzen will (oder nutzen kann, weil irnkwelche Cloudskripte dazwischen hängen)).

Außer du bist der Ansicht, die Cloud-Lösung von RC23 sei meinem Vorschlag überlegen. Dann nehme ich natürlich alles zurück

PT-53:

Habt Ihr die Bilder 2-fach abgespeichert, in verschiedenen Auflösungen?

Das ist die einfachste Lösung. Geschieht bei imgbb.com auch automatisch.

–ks

RC23 · 2019-05-17T12:23:11.000Z

Meine Cloud-Lösung ist datensicher, ohne Werbung und mit 100 MB Speicherplatz.

Der Foren-Server hier wird, wenn ich das richtig abgespeichert habe, gesponsert (FOSSGIS ?). Speicherplatz für Screenshots dürfte kein Problem sein… nur das Forumskript müßte angepaßt werden.

Wulf4096 · 2019-05-17T12:26:49.000Z

PT-53:

Und wie macht Ihr das mit dem “kleinen” Vorschaubild und dem “großen” Bild?
Habt Ihr die Bilder 2-fach abgespeichert, in verschiedenen Auflösungen?

Ich hab das manuell gemacht, 2x gespeichert. Würde ich das regelmäßig brauchen, würde ich mir ein Programm nehmen/bauen, das Bilder on-demand resizen kann.

Welche Auflösung wird für ein Vorschaubild empfohlen?

Kommt drauf an. 320x180 bzw. umgekehrt sollte meistens ok sein.

kreuzschnabel:

Nö. Du siehst es gleich in seiner vollen Größe. Oder genauer, ich tue das, vielleicht macht dein Browser da was kleiner.

noscript + ublock. Würde ich das deaktivieren, würde ich vermutlich mit anderem Mist (Werbung, Popups, Image Viewer, etc.) belästigt werden.

kreuzschnabel:

Auch da wird es von meinem Browser erst in den Viewport eingepasst, und ich muss noch mal draufklicken, um 100% zu haben

Das ist Sache von deinem Browser. In Firefox lässt sich das per “browser.enable_automatic_image_resizing” ändern, so man mag. Oder du kopierst dir den Link raus (copy link location) bzw. speicherst die Datei ab, und kannst das mit anderen Programmen anschauen.

kreuzschnabel:

Außer du bist der Ansicht, die Cloud-Lösung von RC23 sei meinem Vorschlag überlegen. Dann nehme ich natürlich alles zurück

Das ist gerade wie die Wahl zwischen Syphilis und Schnupfen.

wambacher · 2019-05-17T12:28:36.000Z

PT-53:

Und wie macht Ihr das mit dem “kleinen” Vorschaubild und dem “großen” Bild?
Habt Ihr die Bilder 2-fach abgespeichert, in verschiedenen Auflösungen?
Welche Auflösung wird für ein Vorschaubild empfohlen?

Die Netiquette bei Forenbeiträgen erwartet geradezu, dass man im Post kein Bild in Full Size postet. Daher unterstützen viele Foren die Verwendung von Thumbnails. Dafür werden halt 2 Image benötigt.

Theoretisch könnte man auch mit den HTML-Image Tags arbeiten und ein und das selbe Bild in unterschiedlicher Größe anzeigen lassen. “Unser” Forum erlaubt aber keine HTML-Tags in Posts und daher ist das hier nicht möglich.

Meine Images sehen so aus:

Den Thumbnail erzeuge ich innerhalb eines Scripts mit “convert $SNAPDIR/$1.tmp -resize 240x180 $SNAPDIR/tn_$1.tmp”.

Ich verkleinere also auf 240x180 Pixel und bin damit sehr zufrieden. Ich hoffe, Ihr auch

Das convert-Tool ist Bestandteil von ImageMagick und ich kann es nur für alle Möglichenkeiten der gescripteten Bildbearbeitungen empfehlen. Gimp ist (mir) dafür viel zu mächtig.

@Wulf4096 Ich habe zum Glück einen eigenen Server aber du könntest dir doch einen weiteren Webspace besorgen und den verwenden. Nur ob es sowas kosten- und werbefrei gibt, kann ich nicht beurteilen.

Gruss
walter

RC23 · 2019-05-17T12:46:42.000Z

wambacher:

…Den Thumbnail erzeuge ich innerhalb eines Scripts mit “convert $SNAPDIR/$1.tmp -resize 240x180 $SNAPDIR/tn_$1.tmp”.

Ich verkleinere also auf 240x180 Pixel und bin damit sehr zufrieden. Ich hoffe, Ihr auch

Die Thumbnail-Größe 240x180 Pixel stammt noch aus einer Zeit, wo Speicherplatz teuer war und die DSL-Geschwindigkeit gering. Die Zeiten sind vorbei.

Auf android-hilfe.de werden Bilder automatisch auf etwa 180 kB verkleinert. So erkennt man einiges und braucht nicht den Download abwarten, bis sich das Bild aufgebaut hat. Das Bildgröße ist für das Forum auf einen guten Lesefluß abgestimmt. https://www.android-hilfe.de/forum/magic-earth.3177/

Dies halte ich für einen guten Kompromiss.

TZorn · 2019-05-17T12:55:24.000Z

RC23:

Gibt es einen besseren Weg?

Wulf4096:

Mit eigenem Webspace klappt das mit img-Tags.
Aber es wäre natürlich nett, wenn man hier Bilder hochladen könnte. Aber Storage+Traffic kosten Geld.

Aber wie es genau geht, steht hier jetzt noch nirgends, oder? Ich muss auch jedes mal wieder probieren.

So sollte es gehen:
*
Mit Vorschaubild im Beitrag und dann großem Bild auf dem Server:*

[url=https://server/GroßesBild.jpg][img]https://server/VorschauBild.jpg[/img][/url]

Nur mit Bild im Beitrag:

[img]https://server/Bild.jpg[/img]

Beispiel von oben:*

[url=http://wulf.eu.org/osm/treppe0.jpeg][img]http://wulf.eu.org/osm/treppe.jpeg[/img][/url]

erzeugt:

mmd · 2019-05-17T12:57:38.000Z

RC23:

Der Foren-Server hier wird, wenn ich das richtig abgespeichert habe, gesponsert (FOSSGIS ?). Speicherplatz für Screenshots dürfte kein Problem sein… nur das Forumskript müßte angepaßt werden.

Das ist nicht richtig, der Server steht bei der OSMF (siehe https://hardware.openstreetmap.org/servers/clifford.openstreetmap.org/).

Und nein, das Forumskript wird auch niemand anpassen. Nicht heute und auch nicht im nächsten Jahr.

kreuzschnabel · 2019-05-17T13:48:08.000Z

wambacher:

Theoretisch könnte man auch mit den HTML-Image Tags arbeiten und ein und das selbe Bild in unterschiedlicher Größe anzeigen lassen.

Wäre etwas rücksichtsarm bezüglich Leuten, die in der Prärie mit EDGE-Datenverbindung mal eben ins Forum schauen wollen. Da werden dann megabyteschwere Bilddateien übermittelt und anschließend auf 10% skaliert.

Wulf4096:

noscript + ublock. Würde ich das deaktivieren, würde ich vermutlich mit anderem Mist (Werbung, Popups, Image Viewer, etc.) belästigt werden.

Würdest du nicht. Aber ich möchte dein Weltbild nicht weiter gefährden. Lieber rätsele ich als sportliche Übung, wie noscript es schafft, ein Bild kleiner darzustellen als es ausgeliefert wird.

–ks

toc-rox · 2019-05-17T14:06:07.000Z

Im Kern hat der Threadersteller aber recht … in Bezug auf Bilder ist diese Forensoftware inzwischen aus der Zeit gefallen.

Wulf4096 · 2019-05-17T14:12:12.000Z

kreuzschnabel:

Würdest du nicht. Aber ich möchte dein Weltbild nicht weiter gefährden. Lieber rätsele ich als sportliche Übung, wie noscript es schafft, ein Bild kleiner darzustellen als es ausgeliefert wird.

Oops, es lag einfach am Zoom-Level. Ich nehme meine Kritik zurück.

MitteloberrheinischerWaldameisenschreck · 2019-05-17T16:46:22.000Z

Wie sieht das denn dafür mit unserem “Bilder”-Server aus?
Bei Demos aus dem realen Leben auch gerne dieser

wambacher · 2019-05-17T17:06:11.000Z

RC23:

Die Thumbnail-Größe 240x180 Pixel stammt noch aus einer Zeit, wo Speicherplatz teuer war und die DSL-Geschwindigkeit gering. Die Zeiten sind vorbei.

Dieses Format wurde von mir ohne Berücksichtigung der Geschichte und sonstiger Vorbedingungen selbstständig und eigenverantwortlich gewählt

Das alleinige Kriterium war die Größe der Thumbnails - nicht in kB sondern in Pixeln.

Mit Android-Tools kannst du mich übrigens nicht beglücken:

70% meiner geposteten Bilder sind Screenshots - nach deiner Logik müsste ich die erst auf mein Smartphone laden, dort konvertieren und dann auf den Webserver schieben. Ohne mich.
das Konvertieren der Bilder erfolgt mit einem Script, der ggf. einen Snapshot macht, einen Thumbnail erzeugt, auf Wunsch ein Copyright einfügt und die Forenlinks generiert. Schreib mir sowas für Android und ich probiere das gerne mal aus.

Daher mache ich meine Bildbearbeitung prinzipiell auf meinem (Linux-) Rechner, würde das aber als Win- oder Mac-User genau so machen.

Gruss
walter


#!/bin/bash
#
#set -x
#
YY=2019

SNAPDIR=~/snapshots/$YY

DELAY=10

if [ -f $SNAPDIR/$1.png ]; then
   if [ X$2 != 'Xdel' -a X$3 != 'Xdel' ] ; then
      echo '$SNAPDIR/$1 allready exists'
      ls $SNAPDIR
      exit 1
   fi
fi
   if [ X$2 != 'Xnc' -a X$3 != 'Xnc' ] ; then
      echo "With copyright please"
      shutter -s --min_at_startup -e -o $SNAPDIR/$1.tmp -d $DELAY

      convert $SNAPDIR/$1.tmp -gravity southeast \
              -stroke '#000C' -strokewidth 2 -annotate 0 "`echo -e "\xc2\xa9"` OpenStreetMap Contributors" \
              -stroke  none   -fill white    -annotate 0 "`echo -e "\xc2\xa9"` OpenStreetMap Contributors" \
              $SNAPDIR/$1.png

      convert $SNAPDIR/$1.tmp -resize 240x180 $SNAPDIR/tn_$1.tmp
      convert $SNAPDIR/tn_$1.tmp -gravity southeast \
              -stroke '#000C' -strokewidth 2 -annotate 0 "`echo -e "\xc2\xa9"` OpenStreetMap Contributors" \
              -stroke  none   -fill white    -annotate 0 "`echo -e "\xc2\xa9"` OpenStreetMap Contributors" \
              $SNAPDIR/tn_$1.png
      rm $SNAPDIR/$1.tmp
      rm $SNAPDIR/tn_$1.tmp
   else
      echo "No copyright please"
      shutter -s --min_at_startup -e -o $SNAPDIR/$1.png -d 5
      convert $SNAPDIR/$1.png -resize 240x180 $SNAPDIR/tn_$1.png
   fi
   eog $SNAPDIR/$1.png &
   echo Hochladen nicht vergessen!
   echo "[url=https://wambachers-osm.website/images/osm/snaps_$YY/$1.png][img]https://wambachers-osm.website/images/osm/snaps_$YY/tn_$1.png[/img][/
url]"
   echo "![$1](https://wambachers-osm.website/images/osm/snaps_$YY/$1.png)"

RC23 · 2019-05-17T17:35:07.000Z

wambacher:

… Das alleinige Kriterium war die Größe der Thumbnails - nicht in kB sondern in Pixeln. …

Da gebe ich Dir recht. Äpfel und Birnen kann man nicht vergleichen.

Egal, ob Linux, Android oder auch welches OS, Screenshots werden als png oder ähnlich abgespeichert. Und diese möchte ich als Windows User in einen Thread miteinbringen.

kreuzschnabel · 2019-05-17T23:06:07.000Z

RC23:

Egal, ob Linux, Android

nitpick Android ist ein Linux …

RC23:

Screenshots werden als png oder ähnlich abgespeichert.

Ja, hoffentlich. Immer wieder sieht man jpg-Screenshots in so grottiger Qualität, dass man kaum was lesen kann.

RC23:

Und diese möchte ich als Windows User in einen Thread miteinbringen.

Egal, ob Windows, Linux oder Android, dazu schreibst du

[url=linkzumbildimvollformat.png][img]linkzumthumbnailbild.png[/img][/url]

in deinen Beitrag.

–ks