Wie Bilder im Forum einbinden?

RC23 · May 17, 2019, 11:39am

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 · May 17, 2019, 11:41am

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

RC23 · May 17, 2019, 11:43am

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

kreuzschnabel · May 17, 2019, 11:47am

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

–ks

Wulf4096 · May 17, 2019, 11:52am

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 · May 17, 2019, 12:03pm

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 · May 17, 2019, 12:06pm

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

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

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

–ks

RC23 · May 17, 2019, 12:23pm

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 · May 17, 2019, 12:26pm

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.

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

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

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.

Das ist gerade wie die Wahl zwischen Syphilis und Schnupfen.

wambacher · May 17, 2019, 12:28pm

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 · May 17, 2019, 12:46pm

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 · May 17, 2019, 12:55pm

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 · May 17, 2019, 12:57pm

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 · May 17, 2019, 1:48pm

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.

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 · May 17, 2019, 2:06pm

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

Wulf4096 · May 17, 2019, 2:12pm

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

MitteloberrheinischerWaldameisenschreck · May 17, 2019, 4:46pm

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

wambacher · May 17, 2019, 5:06pm

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 · May 17, 2019, 5:35pm

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 · May 17, 2019, 11:06pm

nitpick Android ist ein Linux …

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

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

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

in deinen Beitrag.

–ks