bootstrap Karussell mit Fotos: optimale Bildgröße?

Question

Ich experimentiere mit Bootstrap Karussell und möchte es mit Fotos verwenden.

Frage: Was ist die optimale Größe für die Bilder, die ich für die Verwendung auf dem Karussell hochladen sollte?

In der aktuellen Bootstrap Verteilung (v3.2.0) das Beispiel carousel.html verwendet ein einfaches 1x1-Pixel-Bild als Hintergrund:

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide"> 

Das konnte ich nicht finden, dokumentiert und die Fotos, die ich mit get testete gestreckt/verzerrt auf meinem Laptop-Bildschirm.

Answer 1

Es gibt nicht wirklich eine "optimale" Bildgröße. In dem Beispiel mit dem 1x1-Pixel ist es ein Pixel, das sich immer wieder wiederholt, um die volle Spannweite seines enthaltenen divs abzudecken.

Diese Bootply Demo of Carousel verwendet ein 1024x700 px Bild als ein Beispiel. Wenn Sie ein Karussellbild haben möchten, das sich über die gesamte Breite des Bildschirms erstreckt, ist es wahrscheinlich eine gute Idee, ein Bild zu verwenden, das mindestens 1024 Pixel breit ist (möglicherweise breiter), obwohl Sie nicht zu hohe Auflösung wünschen. da das Laden viel Zeit in Anspruch nehmen würde.

Die Bildhöhe ist wahrscheinlich geringer als die Breite und hängt nur davon ab, welche Art von Bild Sie verwenden und wie groß das Karussellbild sein soll.

Ansonsten ist es das Beste, verschiedene Bilder auszuprobieren und zu sehen, was gut aussieht.

Hinweis: Die Bootply Demo verwendet http://placehold.it, die zum Ausprobieren verschiedene Bildgrößen sind ein gutes Werkzeug, oder http://placekitten.com/ überprüfen.