Dateitypen von Bilder-Anhängen (Info für Beitrags-Schreiber)

dino03

Aktives Mitglied
27. Okt. 2008
6.760
20
38
Sprachen
  1. BascomAVR
  2. Assembler
Hallo zusammen,

da es ab und zu mal vorkommt das man auf Anhängen nix mehr erkennen kann
oder die Größe vom Forum abgelehnt wird schreib ich hier mal ein paar Tips ...

Wer es noch nicht weiß ... mit der Büroklammer oben im Editor kann man
Datei-Anhänge an seine Beiträge packen.
Attach.gif

wenn man draufklickt dann öffnet sich die Maske für die Anhangs-Verwaltung ...
Requester.gif

Die Anhänge können im Momennt folgende Dateigrößen annehmen (maximum) ...
Typen.gif

Wenn man die Dateien die man als Anhänge haben möchte hochgeladen hat,
dann kann man sie auch an bestimmten Stellen im Text einbauen. Das geht
so ...
Einfuegen.gif

Der Anhang wird dann an der Cursorposition eingefügt.

Ich mache es so, das ich erst mal alle benötigten Dateien hochlade (maximal
sind 5 Dateien pro Beitrag möglich) und verteile sie dann beim Schreiben an
den richtigen Stellen im Text.

Alle nicht selber eingefügten Anhänge werden dann an das Ende des Beitrages
gesetzt. Es werden also auf jeden Fall alle hochgeladenen Dateien im Beitrag
vorhanden sein.

Da man manchmal hier im Forum auch Schaltbilder hochlädt (soll schon mal
vorkommen :D :rolleyes: ) hab ich mal ein paar Tips für die Auswahl des
Dateityps zusammengestellt ...

Photos, ... : Bitte als JPG oder PNG. Wobei JPG die beste Komprimierung ergibt. Außerdem sollte man die Photos etwas verkleinern. 1280x1024 reicht
in den meißten Fällen absolut. Es muß kein 6MPixel-Bild sein. Die meißten
Photos sind bei mir sogar auf 800x600 reduziert. Als Photo ist das in 99%
immer noch ausreichend und die Datei wird kleiner. Mann kann die Photos mit
zB IRFANVIEW sehr gut zurechtschneiden damit man nur noch die interessanten
Bereiche hat und das dann noch etwas verkleinern. Spielt einfach mal ein wenig
mit den Bildgrößen rum und seht euch die entstehenden Dateigrößen an.

Schaltpläne, Diagramme, ... : Bitte als GIF,
PNG oder TIFF anfügen. Wobei GIF mit reduzierter Farbanzahl hier das beste
Ergebnis liefert. Mit 8 oder 16 Farben kann man alles wunderbar erkennen.
Bei Plänen/Diagrammen würde ich wenn möglich auch nicht die Größe reduzieren.
Wenn man hier kleinerrechnen läßt, dann kommt meißt nur noch Wischiwaschi
bei raus, da die Programme auf Photos optimiert sind. Die Ränder werden
unscharf , die Farben werden gemittelt und man erkennt nix mehr. Also bei
Schaltplänen und Diagrammen bitte kein JPG einsetzen.

Um das einmal zu zeigen habe ich ein paar Dateien erzeugt ...
Files.gif
Die großen BMP-Dateien möchte ich euch dabei mal ersparen ;)
Seht euch die Bilder mal genau an (Linienschärfe, Farben, Dateigröße, ...) ...

... als nächstes ... Screenshots ...
 
Beispiele von Screenshots ...

=== Screenshots als Anhänge ===

Ich hab als Beispiel einfach mal das EAGLE-Fenster verwendet, von dem ich
danach auch die Schaltpläne erzeugt habe ...

Als BMP sind das 1,7MB ! :(

Screenshot_PNG.png
hier ein Screenshot als PNG 1024x574 Pixel , 24M Farben, 35,9kByte

Screenshot_JPG.jpg
und hier ein Beispiel mit JPG-Matsche ;) Man beachte die Linien-Ränder.
JPG 1024x574 Pixel , 16M Farben, 76,2kByte trotz weniger Farben und
schlechterer Bildqualität ist die Datei größer.

Nun einmal als GIF ...
Screenshot_GIF_64Farben.gif
GIF 1024x574 Pixel , 64 Farben, 27kByte

Screenshot_GIF_16Farben.gif
GIF 1024x574 Pixel , 16 Farben, 24,3kByte

Seht euch mal die Bilder an und dann mal die Dateigrößen :cool:

und nun gehts weiter mit den Schaltplänen ...
Die BMP Datei war dabei 730kByte ! :(
Schon mal als Vorgeschmack als TIFF ...
Anhang anzeigen Schaltung_tiff_150dpi.tif
TIFF 734x339 Pixel , 16M Farben, 15kByte

...
 
Anmerkung der Redaktion :rolleyes:

Die TIFF-Größe von 15k bekommst Du auch nur mit LZW-Komprimierung hin. Viele vergessen den Schalter zu setzen und dann hat das Ding sehr schnell 250 kByte!

Man sollte darauf Achten, immer Formate zu verwenden die eine Komprimierung zulassen oder via Standard haben. Dabei muss zwischen Komprimierung mit Verlusten (z.B. JPEG) und Komprimierung ohne Verluste (z.B. GIF oder LZW bei TIFF) unterschieden werden.

Gell ?!?!!? :flowers:

Grüße,
Ma
 
Beispiele von Schaltplänen ...

=== Schaltpläne als Anhänge ===

und nun ein paar Schaltplan-Beispiele ...

Schaltung_png_150dpi.png
hier also wieder als PNG 734x339 Pixel , 16M Farben, 9,4kByte

Schaltung_JPG_150dpi.jpg
und das ist wieder JPG-Matsche 734x339 Pixel , 16M Farben, 27,8kByte

und wieder als GIF in verschiedenen Farb-Anzahlen ...

Schaltung_GIF_256Farben_150dpi.gif
GIF 734x339 Pixel , 256 Farben, 8,8kByte

Schaltung_GIF_16Farben_150dpi.gif
GIF 734x339 Pixel , 16 Farben, 7,8kByte

Schaltung_GIF_8Farben_150dpi.gif
GIF 734x339 Pixel , 8 Farben, 7,7kByte

Also kurz und gut ... Photos als JPG und alles gezeichnete als PNG oder GIF.
Dann muß man bei Schaltplänen auch kein Pixel-Gewitter interpretieren :D

Gruß
Dino
 
Hi Markus,

Die TIFF-Größe von 15k bekommst Du auch nur mit LZW-Komprimierung hin. Viele vergessen den Schalter zu setzen und dann hat das Ding sehr schnell 250 kByte!
Jau ! ;) Sonst ist TIFF nicht besser als BMP nur mit mehr Farben :D

Man sollte darauf Achten, immer Formate zu verwenden die eine Komprimierung zulassen oder via Standard haben. Dabei muss zwischen Komprimierung mit Verlusten (z.B. JPEG) und Komprimierung ohne Verluste (z.B. GIF oder LZW bei TIFF) unterschieden werden.

Gell ?!?!!? :flowers:
Genau ! Bei Photos ist das meißt nich so schlimm wenn ein Pixel mal einwenig
in eine andere benachbarte Farbe umgerechnet wird. Bei Zeichnungen stört
das aber extrem wenn von einer schwarzen Linie auf weißem Grund nur noch
ein graues Wischiwaschi übrig bleibt ;) Vor allem bei Schrift ist das nervig ! :rolleyes:

Gruß
Dino
 
Hi Dino,

:flowers:

Dankeschön für die sehr ausführlichen Erläuterungen zum Thema Anhänge. Bezüglich der Bilddarstellungsqualität und der Bilddateigrößen, sieht man hier schön die Unterschiede der einzelnen Formate.

Schöne Grüße,
Dirk :ciao:
 
Beispiele von Pixel-Gewitter ...

Hallo nochmal,

@Dirk ... war mal nötig. Ab und zu kommen mall wieder Schaltpläne mit diesem
Pixel-Gewitter bei Hilferufen vor und dann versucht man das zu entziffern um
demjenigen weiterzuhelfen. Das grenzt dann manchmal an Kryptografie ;)

ich möchte jetzt mal ein paar Beispiele von diesem Pixel-Gewitter zeigen.
Die Beispiele sind hier aus dem Forum. Ich möchte damit aber auf keinen
Fall den Leuten auf die Füße treten, die das hier als JPG reingesetzt haben.
Also bitte nicht böse sein :kiss3: Ich benutze sie nur als Beispiele. Denn ...
"Nichts ist so schlecht, das es nicht noch als schlechtes Beispiel dienen kann" ;)
und man kann es ja beim nächsten mal besser machen. Man lernt ja nie aus.

Beispiel 1 :
ATMEGA128.jpg
1280x998 Pixel , 24Bit Farben , 73,4kByte

bang1.jpg
589x490 Pixel , 24Bit Farben , 111,6kByte

controller.jpg
591x588 Pixel , 24Bit Farben , 34,6kByte

latch.jpg
591x335 Pixel , 24Bit Farben , 22,6kByte

Luefter.jpg
620x231 Pixel , 24Bit Farben , 16,4kByte

Also nochmal zum Abschluß : Das soll KEIN Pranger sein. Das sind nur ein paar
Beispiele wie es als JPG aussehen kann. Da ihr jetzt wißt wie man es besser
machen kann ... ;) :D

Gruß
Dino
 
JPG zum hochladen vorbereiten

Hallo zusammen,

da das Forum ja nun auch schon länger in einer neuen Version läuft wird hier mal ein Update fällig ;)

Als erstes erklär ich mal wie mal Photos/Bilder am besten etwas kleiner bekommt. Ich benutze dafür meißt IrfanView oder XnView.

Auf dem folgenden Bild sieht man mal die Größe des Originalbildes so wie es in IrfanView angezeigt wird (der rote Pfeil zeigt drauf).
01_IrfanView.png
Das Bild ist im Original für das Forum zu groß (3,7MB).

Nun geht man einfach im Menü auf "Größe ändern"
02_IrfanView_Menue.png

und stellt die gewünschte Größe ein. Mit einer Breite von 1280 ist man ab und zu noch etwas groß. Eine Breite von 1024 paßt normalerweise. Die passende Höhe wird dann von IrfanView automatisch berechnet.
03_IrfanView_Groesse.png
Mit einer Größe von 1024x768 Pixeln hat man bei Photos noch eine sehr gute Auflösung. Wenn man manche Wackelbilder ansieht würde da sogar noch die VGA-Auflösung von 640x480 Pixel ausreichen :p

Nun speichert man das Bild wieder ab. Am besten unter anderem Namen damit das Origonal für den Fall der Fälle erhalten bleibt.
04_IrfanView_Speichern.png
Beim Speichern kann man noch die Qualität einstellen. Da kann man für eine weitere verkleinerung der Datei noch problemlos auf 75-80 hochgehen. Es sollen ja keine Hochglanzabzüge von gemacht werden ;)

Und so sieht das Ergebnis dann mit 1024x768 Pixeln und Qualität von 70 aus ...
P1080050_neu.jpg
Man kann sogar noch die Typenbezeichnungen der beiden Atmels lesen.
 
PNG zum hochladen vorbereiten

und nun der ganze Kram nochmal für PNGs die man für Zeichnungen, Pläne oder Hardcopys benutzt

Auf dem Bild sieht man wieder die Auflösung und die Größe mit 460kByte. Das ist mal wieder etwas groß für das Forum.
05_IrfanView_PNG.png
damit die Forensoftware nicht eventuell auf den Gedanken kommt selber runterzuskalieren und als JPG zu speichern (das gibt Matsche) sollte man es selber machen. Dieses mal soll aber im Gegensatz zu JPG die Auflösung gleichbleiben. Bei Zeichnungen ist es ja nicht wünschenswert wenn Linien einfach weggerechnet werden. Dann würden in Schaltplänen zB Verbindungen fehlen. Darum schrauben wir nun nicht an den 584x546 Pixeln sondern an der Farbtiefe von 24Bit. Zeichnungen, Pläne und Hardcopys haben meißt recht wenige Farben. Bei Zeichnungen/Plänen kommt man oft mit 16 Farben (4Bit) ohne Qualitätsverlust hin. Bei Hardcopys reichen auch 256 Farben (8Bit). Das wäre eine Komprimierung um den Faktor 3 bzw sogar Faktor 6 für eine Zeichnung.

Nun geht man also auf Farbtiefe reduzieren.
06_IrfanView_PNG_Menue.png

Wenn man nichts passendes findet stell man den gewünschten Wert ein.
07_IrfanView_PNG_Farben.png
Dabei sollte man auf einen binären Teilerfaktor achten (also 1,2,4,8,16,32,64,128,...) da es egal ist ob man 5, 6, 7 oder 8 Farben verwendet. Man benötigt bei allen drei Möglichkeiten 3Bit für die Codierung (Farbnummer 0..7 sind 8 Farben). Bei 8 Farben hat man aber gegenüber 5 Farben eventuell mehr Qualität.

Nun speichert man wieder
08_IrfanView_PNG_Speichern.png
und kann auch hier wieder wie bei JPG optimieren. Bei JPG ist die Komprimierung aber verlustbehaftet. Bei PNG ist es eine verlustfreie Komprimierung. Es wird höchstens bei der Anzeige von großen Bildern ein klein wenig langsamer (Millisekunde ?)

Und hier ein paar Bildgrößen die noch etwas groß oder schon bearbeitet sind ...
09_Files.png
 
Dateien/Bilder ins Forum hochladen - Teil 1

Und nun nach der ganzen Bildbearbeitung die Upload-Prozedur (das hochladen).

Zum Hochladen/Einfügen von Dateien in den Beitrag gibt es im Editor die Büroklammer.
10_EditorMenue.png
Das Icon ist eigentlich zweigeteilt. Also die linke Seite mit der Klammer und die rechte Seite (das Dreieck) mit ner Liste der hochgeladenen Dateien. Wenn noch nichts im Beitrag hochgeladen ist dann spielt diese zweiteilung aber noch keine Rolle. Also draufklicken!

Nun öffnet sich ein weiteres Fenster (Poppup-Blocker?) in dem man seine Anhänge verwalten kann.
11_Anhaenge_1.png
Oben rechts ist ein Button "Dateien hochladen". Da draufklicken.

Jetzt erscheint ein kleines Fenster mit einer Liste der Dateien die für den Upload ausgewählt sind. Im Moment ist es aber noch leer.
12_Anhaenge_2.png
Also unten auf "Dateien auswählen" klicken damit man sagen kann was hochgeladen werden soll.

Jetzt wird vom Browser eine Dateiauswahl aufgemacht in der man auf der Festplatte die gewünschten Dateien suchen und auswählen kann. Man kann auch mit gedrückter "STRG"-Taste (Steuerung oder wie früher CTRL für Control) und nem Mausklick mehrere (maximal 5) Dateien auswählen die dann mit einem Schwung in die Liste wandern.
13_Anhaenge_3.png

Nun steht die gewünschte Datei in der Liste.
14_Anhaenge_4.png
Nun auch "Datei hochladen" klicken und sie wandert vom PC ins Forum.
 
Dateien/Bilder ins Forum hochladen - Teil 2

Bei dieser kleinen Datei geht der Upload natürlich recht fix. Bei jeder Datei wandert ein blauer Balken für den Fortschritt des Uploads von links nach rechts.
15_Anhaenge_5.png
unten wandert noch ein blauer Balken für den Gesamtfortschritt der Aktion von links nach rechts.

Die Datei liegt dann unten im Abschnitt "Anhänge". Man kann auch bereits früher hochgeladene Dateien aus dem oberen Abschnitt nach unten in den Bereich ziehen um sie wiederzuverwenden.
16_Anhaenge_6.png
Wenn man alle gewünschten Dateien für den Beitrag hochgeladen hat drückt man auf "Fertig".

Nun sieht man die Zweiteilung des Klammer-Icons. Beim Dreieck wird nun eine Liste der hochgeladenen Dateien angezeigt.
17_Anhaenge_Einfuegen.png
Wenn man dann mit der Maus auf die gewünschte Datei klickt dann wird sie im Editor an der Cursorpositon eingefügt. Alle nicht selber eingefügten Anhänge werden dann unter dem Beitrag automatisch sichtbar.

Im Editor sieht das nach dem Einfügen dann folgendermaßen aus.
18_Anhang_drin.png
 
Dateien/Bilder ins Forum hochladen - Teil 3

Damit man sehen kann wie es im Forum aussieht drückt man unten im Editor (unter dem Beitragsfenster) auf "Vorschau".
19_EditorVorschau.png

Und dann kommt da folgendes bei raus.
20_Vorschau.png

Auf diese Weise kann man Anhänge an der gewünschten Stelle im Beitrag einfügen und muß nicht alles hinten ansetzen. Die Anhänge erscheinen also an der Stelle an der es im Text auch um dieses Thema geht.

Und nun viel Spaß beim Beiträge schreiben ;)

Gruß
Dino
 
Zur Zeit maximal mögliche Dateigrößen und Typen.

Hallo,

jetzt ist also auch der Upload bei der neuen Forensoftware anfängertauglich beschrieben.

Hier jetzt noch die eingestellten Größen für die verschiedenen Dateitypen :
00_FileSize.png

Gruß
Dino
 

Über uns

  • Makerconnect ist ein Forum, welches wir ausschließlich für einen Gedankenaustausch und als Diskussionsplattform für Interessierte bereitstellen, welche sich privat, durch das Studium oder beruflich mit Mikrocontroller- und Kleinstrechnersystemen beschäftigen wollen oder müssen ;-)
  • Dirk
  • Du bist noch kein Mitglied in unserer freundlichen Community? Werde Teil von uns und registriere dich in unserem Forum.
  •  Registriere dich

User Menu

 Kaffeezeit

  • Wir arbeiten hart daran sicherzustellen, dass unser Forum permanent online und schnell erreichbar ist, unsere Forensoftware auf dem aktuellsten Stand ist und der Server regelmäßig gewartet wird. Auch die Themen Datensicherheit und Datenschutz sind uns wichtig und hier sind wir auch ständig aktiv. Alles in allem, sorgen wir uns darum, dass alles Drumherum stimmt :-)

    Dir gefällt das Forum und unsere Arbeit und du möchtest uns unterstützen? Unterstütze uns durch deine Premium-Mitgliedschaft!
    Wir freuen uns auch über eine Spende für unsere Kaffeekasse :-)
    Vielen Dank! :ciao:


     Spende uns! (Paypal)