WinFuture-Forum.de: responsive Design - Fullsize Background Image Frage - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

responsive Design - Fullsize Background Image Frage


#1 Mitglied ist offline   dnr 

  • Gruppe: aktive Mitglieder
  • Beiträge: 949
  • Beigetreten: 06. Januar 10
  • Reputation: 89
  • Geschlecht:Männlich

geschrieben 03. August 2016 - 09:58

Moin zusammen,

bin etwas länger raus aus dem Thema Webdesign... daher stellt sich mir gerade die Frage, welche Auflösung ein Hintergrundbild für ein responsive Webdesign am besten haben sollte. Das Bild soll die ganze Seite ausfüllen.

Dieser Beitrag wurde von dnr bearbeitet: 03. August 2016 - 09:59

0

Anzeige



#2 Mitglied ist offline   Ludacris 

  • Gruppe: Moderation
  • Beiträge: 4.666
  • Beigetreten: 28. Mai 06
  • Reputation: 218
  • Geschlecht:Männlich

geschrieben 03. August 2016 - 10:45

1920x1080. Mindestens. Eher das Doppelte da der Trend zu 2 / 4K displays geht. Für Mobile dann aber bitte ein kleineres (über media querys gesteuert)


@media (max-width: 720px) { 
    .classname{
        background-image: url('mobile_720x1280.jpg'); 
        background-size: cover;
        background-position:center;
    } 
}
@media (max-width:1280px){
     .classname{
        background-image: url('desktop_1280.jpg'); 
        background-size: cover;
        background-position:center;
    } 
}
@media (min-width: 1280px){
     .classname{
        background-image: url('desktop_riesig.jpg'); 
        background-size: cover;
        background-position:center;
    } 
}




so könnte das ganze dann zb ausschauen.
0

#3 Mitglied ist offline   dnr 

  • Gruppe: aktive Mitglieder
  • Beiträge: 949
  • Beigetreten: 06. Januar 10
  • Reputation: 89
  • Geschlecht:Männlich

geschrieben 03. August 2016 - 11:10

danke, und ratio-technisch irgendwas zu beachten noch?
0

#4 Mitglied ist offline   Ludacris 

  • Gruppe: Moderation
  • Beiträge: 4.666
  • Beigetreten: 28. Mai 06
  • Reputation: 218
  • Geschlecht:Männlich

geschrieben 03. August 2016 - 11:24

Nicht wirklich. Bei Geräten unter 720 pixel displaybreite kannst du davon ausgehen dass es sich um ein Smartphone handelt, wenn die Ratio statt 16:9 auf einmal 9:16 ist genauso, da kannst du dann nochmal extra ein hochformat bild reingeben, sonst halt eben ein querformat.
0

Thema verteilen:


Seite 1 von 1

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