Ich habe nur eine kurze Frage: Was ist die optimalste Auflösung für einen Hintergrund, damit er auf allen Geräten gut angezeigt wird (ohne geteilt zu werden)?
Ich habe nur eine kurze Frage: Was ist die optimalste Auflösung für einen Hintergrund, damit er auf allen Geräten gut angezeigt wird (ohne geteilt zu werden)?
Hallo!
Ich verstehe das mit der Größe nicht.. Bei der Pixelzahl komme ich niemals auf das Maximum von 300kb.. Beachte ich die, klebt mein Hintergrundbild oben links in der Ecke...
Lg
Ich nutze mittlerweile immer 2000 x 1000 px. Vielleicht musst du es mal mit einem anderen Programm testen? Ansonsten bietet Wikia Hilfe bei so etwas.
Ok danke.
Mit welchem Programm machst du es denn?
Edit: Ich erfülle die Voraussetzung für einen Hilfeantrag noch nicht. :-(
Mit Gimp müsste es gehen. Ich benutze Photoshop, Paint.NET und Gimp.
Dann musst du es in geringerer Qualität speichern. In welchem Format willst du es denn speichern? Wenn der Hintergrund keine transparenten Stellen haben soll, reicht eigentlich auch .JPG .
Gut, dass du fragst. Wikia nutzt, so wie ich das beobachte, eine Auto-Auflösung wie bei Monobook, mit Ausnahme dem Hintergrundbild, weil es sich, je nach Auflösung, hin und her bewegt. Eine Auflösung von "100% 100%" (CSS Eingabe) müsste genügen. Da gibt es einen klitze kleinen Trick, den anwenden eventuell könntest, wenn du magst:
Ich habe das in meinem Wiki so gemacht, dass das Hintergrundbild immer vollständig zu sehen ist und sich automatisch anpasst. Ich verwende die Regel "background-size: 100% 100%;" oder "background-size: cover;" (eine von beiden funktioniert immer perfekt, eine von beiden nicht. Es kommt auf das Element an). Meine CSS-Regel, die ich verwende:
/* Hintergrund */ body.skin-oasis { background: url("zelda.com/link-between-worlds/img/download/OP1_1920x1080.jpg") repeat fixed center top / 100% 100% #1b5839 !important; }
Ersetze den Bildlink durch dein Bildlink. Bei Fragen kannst du dich ruhig melden.
Man sollte definitiv eine JPG-Datei benutzen, um Speicherplatz zu sparen.
/* Hintergrund */ body.skin-oasis { background: url("zelda.com/link-between-worlds/img/download/OP1_1920x1080.jpg") repeat fixed center top / 100% 100% #1b5839 !important; }
Mit der Regel verzerrt sich dein Hintergrundbild allerdings bei unterschiedlichen Fenstergrößen. Ich rate zum Upload via Theme-Designer, um dem vorzubeugen.
Ich probiere es aus!
Thx