Vorbemerkung:
Es gibt zwei Sorten von Bildern:
Bitmap: jpg, png
Vektor: svg
Vektor: svg
Bitmap Grafiken lassen sich gut verkleinern, aber nur sehr schlecht vergrößern (dieser Pixeleffekt kommt dann)
Vektorgrafiken lassen sich sehr gut skalieren, eignen sich aber weniger für Bilder (=Fotos), sondern eher für Skizzen (z.B. Wappen)
Tip:
Wenne s Wappen oder ähnliches sind, würde ich dringend zu SVG Vektor-Grafiken raten, weil man die wirklich gut vergrößern und verkleinern kann. Gerade bei Wappen finde ich das sehr praktisch!
Bei den Bitmapgrafiken kann man noch zwischen jpg und png auswählen; Letztere bieten den Vorteil, transparente Hintergründe zu kennen. Das sieht dann z.B. so aus wie da.
1) Das Bild muss hochgeladen werden
Dazu hängt man einfach hinten an die Adresse im Browser noch ein /files drann
Aus http://www.trawonien.de/wikka.php?wakka=WappenUebersicht
macht man http://www.trawonien.de/wikka.php?wakka=WappenUebersicht/files
Jetzt kann man die Bilder einfach auf dem Rechner suchen und hochladen.
Wenn der Upload fertig ist, kopiert man den kompletten Link von dem Bild (rechte Maustaste, Adresse kopieren)
Aus http://www.trawonien.de/wikka.php?wakka=WappenUebersicht
macht man http://www.trawonien.de/wikka.php?wakka=WappenUebersicht/files
Jetzt kann man die Bilder einfach auf dem Rechner suchen und hochladen.
Wenn der Upload fertig ist, kopiert man den kompletten Link von dem Bild (rechte Maustaste, Adresse kopieren)
(Über die Methoden der Wiki-Engine an sich)
{{image class="center" url="http://www.trawonien.de/wikka.php?wakka=FuenfAspekte/files.xml&action=download&file=Bruecke_tn.png" }}Ergibt folgendes Resultat:
Man kann nun das "center" ersetzen durch "left" oder "right", dann steht das Bild halt links oder rechts, und der Text läuft drum rum.
Man kann auch Links aus Bilder bauen etc., dazu steht aber alles in der Hilfe auch drinn.
2) Das Bild einfügen Variante B:
Mit HTML geht das auch, sieht etwas anders aus:
""<img src="http://www.trawonien.de/wikka.php?wakka=FuenfAspekte/files.xml&action=download&file=Bruecke_tn.png"align="right">""
""<img src="http://www.trawonien.de/wikka.php?wakka=FuenfAspekte/files.xml&action=download&file=Bruecke_tn.png"align="left" width="60">""
Jetzt hätten wir zusätzlich die Breite von dem Bild auf 60 Pixel festgesetzt. (ginge auch bei der Standard-Methode auf die selbe weise...)
3) Fertig. Mehr ist das nicht.
Den Code unten kann man einfach rauskopieren und das ändern, was einem nicht gefällt (also die URL ändern, das left gegen center oder right tauschen, und die 120 gegebenenfalls auch ändern.
""<img src="tauschen gegen URL zum Bild"align="left" width="120">""
4) Ein Paar Tips:
- Vermeidet es Bilder über das "width"- oder "hight" Attribut anzupassen. Verwendet bitte gleich (wenn möglich) Bilder in der richtigen Auflösung (Alles andere verursacht nur unnötig lange ladezeiten und traffic)
