Silenthardware & Dirkvader Forum: Tutorial: Bilder einfügen - Silenthardware & Dirkvader Forum

Zum Inhalt wechseln

Seite 1 von 1
  • Du kannst kein neues Thema erstellen
  • Dieses Thema ist geschlossen

Tutorial: Bilder einfügen Wie kommen die Bilder eigentlich in die Posts? Thema bewerten: -----

#1 Mitglied ist offline   hamuchen 

  • Forenadministration
  • Galerie anzeigen
  • Gruppe: Admin
  • Beiträge: 7.658
  • Registriert: 26-November 04
  • Gender:Male
  • Location:Lübeck
  • Interests:Fotografie, Testberichte ;)
  • CPU:Q9550 @ 3,2GHz (Mugen 2)
  • VGA:5770 1GB @ 915/1400MHz (Musashi)
  • HDD:OCZ Vertex 2 (60GB) & 2TB Samsung
  • MOBO:Gigabyte EP45-UD3LR
  • RAM:4x2GB Corsair XMS2
  • Case:LianLi P60 Armorsuit
  • Netzteil:Enermax PRO82+ 385W (modded)

  Geschrieben 23. Januar 2008, 21:26

Einleitung


Dieser Leitfaden soll euch leicht nachvollziehbar das Einfügen von Bildern in Threads deutlich machen. Dies ist manchmal notwendig zum besseren veranschaulichen von Problemen in der Silentklinik, aber auch wichtig bei den Systemvorstellungen.
  • Bilder bearbeiten
    • Bildqualität
    • Motiv
    • Bildausschnitt
    • Aufbesserung
    • Bildgröße
  • Hochladen
    • Einbindung als Anhang
    • Einbindung per Usergalerie
    • Einbindung über externe Dienste


Bilder bearbeiten


Als Bearbeitungsprogramm nehme ich GIMP, welches auch einen Installer für Windows bietet. Bei mir ist es GIMP in der Version 2.4.2. Natürlich könnt ihr dafür auch das Programm eurer Wahl (ob schon vorinstalliert oder später ausgesucht) nehmen. Die entsprechenden Werkzeuge sehen in jedem Programm ähnlich aus. GIMP habe ich nur genommen, weil es plattformunabhängig und frei ist.

Bildqualität


Um aussagekräftige Bilder zu erhalten, empfiehlt es sich eine Digitalkamera zu verwenden. Mit einem Blitz oder einer guten Ausleuchtung mit einer Schreibtischlampe oder ähnlichem kann man nicht nur sehr gute Bilder mit der Digitalkamera hinbekommen, auch eine gute Handykamera kann so zu einigermaßen guten Bildern kommen.

Motiv


Zunächst einmal sollten die Bilder natürlich aussagekräftig sein. Also fotografiert am besten wirklich nur das, was wichtig ist. Wie schön eure CD-Laufwerke sind mag zwar in einer Systemvorstellung passend sein, in einem Thread in der Silentklinik in dem es um euren CPU-Kühler geht, ist dieses Foto aber nicht besonders sinnvoll.
Also überlegt genau vor dem eigentlichen Foto, was ihr zeigen wollt und schränkt das Motiv ein.
Für Bilder in der Silentklinik empfiehlt sich ein Foto, welches das komplette System zeigt und denn noch zusätzlich ein paar Fotos von den Problemkindern.
In den Systemvorstellungen sollten natürlich Bilder rein, die aussagekräftig eure Modifikationen zeigen und auch schön anzusehen sind.

Als Beispiel nehmen wir mal dieses Originalbild aus einer meiner Systemvorstellungen.

Angehängtes Bild: DSCF0216.jpg
Auflösung: 2592x1944
Dateigröße: 2,39 MB


Bildausschnitt


Solltet ihr beim Fotografieren mal doch ein wenig zu viel irrelevantes auf das Foto bekommen haben, so könnt ihr das Foto noch nachträglich zuschneiden. Das Freistellen klappt bei hochauflösenden Fotos natürlich besser, da das beschnittene Ergebnis noch ausreichend Bilddetails beinhaltet.
In meinem Beispiel ist zu viel Wand drauf. Die ist nicht wichtig und lässt später die Details nicht richtig raus kommen.

Darum schneiden wir das Bild jetzt erst mal zu. Dazu nehmen wir folgendes Werkzeug.

Angehängtes Bild: 2008_01_23_184416.jpg Angehängtes Bild: 2008_01_23_185335.jpg

Zu beachten ist das Zuschneiden auf das Format 4:3. Dies ist das Standardformat.

Und schon sieht man, dass das Bild viel besser rüber kommt, man kann mehr auf Anhieb erkennen.

Angehängtes Bild: DSCF0216_cut.jpg
Auflösung: 1735x1301
Dateigröße: 1,3 MB

Aufbesserung


Da mir das Bild persönlich zu dunkel ist, benutze ich den automatischen Weißabgleich um es anzupassen.

Angehängtes Bild: 2008_01_23_185408.jpg

Und auch hier ist sofort die Verbesserung sichtbar.

Angehängtes Bild: DSCF0216_800.JPG
Auflösung: 1735x1301
Dateigröße: 1,4 MB


Bildgröße


Da die Bandbreite für viele immer noch begrenzt ist (ob nun eine langsame Leitung auf der Arbeit, UTMS unterwegs oder nur ISDN/Modem auf dem Land) und es auch nicht nötig ist 2MB große Bilder hochzuladen, verkleinert man die Bilder.
Meist reicht eine Größe von 800x600 (Standardgröße für Test bei SHW) oder 1024x768 (meine Standardgröße bei Systemvorstellungen) locker aus, um auf dem Bild alle Details in ausreichender Größe wahrnehmen zu können. Und falls nicht, kann man ja auch wieder neue Detailaufnahmen machen.

Das Verkleinern geht auch relativ leicht. Einfach die Funktion "skalieren" benutzen.

Angehängtes Bild: 2008_01_23_185510.jpg Angehängtes Bild: 2008_01_23_185527.jpg

Um jetzt auch noch die Größe der Datei zu verringern, kann man auch die Qualität der Kompression verändern. Dies kann ganz leicht beim Speichern gemacht werden.

Angehängtes Bild: 2008_01_23_185655.jpg

Je höher die Qualität, desto größer wird die Datei. Eine Qualität zwischen 65 und 85 reicht unter normalen Umständen mehr als aus. Höhere Stufen sind eher für Bilder, die man später ausdrucken will, interessant.
Und hier sieht man den Unterschied:

Angehängtes Bild: DSCF0216_800.JPG
Auflösung: 800x600
Dateigröße: 82 KB

Im Gegensatz zum 2,5 MB großen Original ist das Bild nur noch 82 KB groß. Und man erkennt immer noch das wichtigste!


Hochladen


Es gibt mehrere Möglichkeiten wie ihr Bilder hier im Forum einbinden könnt. Im Folgenden wollen wir euch die drei einfachsten Methoden näher bringen.

Einbindung als Anhang


Eine sehr einfache und schnelle Methode ist das direkte Einbinden in euren Beitrag als Anhang. Wenn ihr nur ein oder zwei Bilder hochladen wollt, so ist dies einfach am schnellsten. Anstatt die "Fast Reply"-Funktion zu nutzen, klickt ihr auf "Add Reply". Dort wählt ihr einfach die Datei auf eurem Computer aus.

Angehängtes Bild: 2008_01_23_185937.jpg

Einbindung per Usergalerie


Der zweite Schritt geht über unsere Usergalerie. Das ist ein wenig komplizierter, aber ich werde jetzt auch alles haarklein erklären.

Zunächst solltet ihr in eure Einstellungen gehen und ein Album erstellen.

Angehängtes Bild: 2008_01_23_193058.jpg Angehängtes Bild: 2008_01_23_193115.jpg Angehängtes Bild: 2008_01_23_193131.jpg

Jetzt müsst ihr dem Album nur noch einen Namen geben.

Angehängtes Bild: 2008_01_23_193324.jpg

Und schon könnt ihr mit dem Hochladen beginnen.

Angehängtes Bild: 2008_01_23_193408.jpg Angehängtes Bild: 2008_01_23_193540.jpg

Danach könnt ihr euch euer Ergebnis anschauen.

Angehängtes Bild: 2008_01_23_193651.jpg

Um jetzt die Bilder in euren Beitrag einzufügen, geht ihr wie folgt vor. Erst kopiert ihr die Bildadresse des großen Bildes und dann die des dazugehörigen Thumbnails. Mit dem Internet Explorer geht das so.

Angehängtes Bild: 2008_01_23_193746.jpg Angehängtes Bild: 2008_01_23_193802.jpg

Beim Firefox geht das noch ein Stück einfacher.

Angehängtes Bild: 2008_01_23_194045.jpg

Die beiden Links verpackt ihr einfach nach folgendem Muster in Forencode:
[url=$Adresse_großes_Bild][img]$Adresse_kleines_Bild[/img][/url]
Wenn ihr alles richtig gemacht habt, sollte der Code ungefähr so aussehen und folgendes rauskommen:
[url=http://www.silenthardware.de/forum/uploads/1119693503/gallery_3160_146_8646.jpg] [img]http://www.silenthardware.de/forum/uploads/1119693503/tn_gallery_3160_146_8646.jpg[/img][/url]

Eingefügtes Bild

Einbindung über externe Dienste


Diese Art der Einbindung geht auch relativ einfach, hat aber einen großen Nachteil. Da diese Services kostenlos sind, kann man nicht sicher sein, ob die Bilder wirklich ewig gespeichert werden. Wie man an vielen älteren Threads hier im Forum sieht, ist das besonders bei Systemvorstellungen und Tutorials nicht so schön. Denn was nützt eine schön bebilderte Anleitung zum entkoppeln einer Festplatte, wenn die Bilder weg sind und man nur mit dem Text nicht mehr weiter kommt.

Folgende Services können wir trotzdem mit der oben erwähnten Einschränkung empfehlen:
  • abload.de: Deutscher Server mit optionaler Loginfunktion, automatischen Thumbnails (nach dem Hochladen "Thumbnail für Foren (1)" verwenden) und Batchupload (also mehrere Dateien gleichzeitig)
  • funpic.de: Kostenloser Webspace für Bilder
Vor gar nicht allzu langer Zeit war Imageshack in diesem Forum ziemlich verbreitet. Doch nachdem der Service immer langsamer wurde und viele Bilder verlor, würde ich dringend abraten ihn zu nutzen.


Ich hoffe ich konnte euch hiermit ein wenig weiterhelfen und wünsche weiterhin viel Spaß im Forum! ;)

Grüße
hamu



Dieser Beitrag wurde von hamuchen bearbeitet: 24. Januar 2008, 09:19

SystemvorstellungenTutorials
Acer Aspire One Modding
Der Lian-Li-Schwarzarbeiter
HTPC: Sugo-Ringer
Silent Internet Laptop (ausgemustert)
Mein Rechenknecht (alt)
Umgebauter Multitainer als HTPC (sehr alt)
Wassergekühlter Dragon (schon antik)
Bilder einfügen (Wie kommen die Bilder eigentlich in die Posts?)
Systemvorstellung optisch ansprechender machen (kleiner HTML Leitfaden)
IDE-Kabel kürzen (Wie einfach kann das System aufgeräumter sein?)
Lüfter mit Steg entkoppeln (am Beispiel YateLoon D12SL-12)
Lüfteradapter modifizieren (Lüfter auf 5V und 12V mit Tachosignal)
0

Thema verteilen:


Seite 1 von 1
  • Du kannst kein neues Thema erstellen
  • Dieses Thema ist geschlossen

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0