it-swarm.com.de

bootstrap-Karussell mit Fotos: optimale Bildgröße?

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

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

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

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

Ich konnte dies nicht dokumentiert finden und die Fotos, mit denen ich experimentiert habe, werden auf meinem Laptop-Bildschirm gestreckt/verzerrt.

12
lara michaels

Es gibt nicht wirklich eine "optimale" Bildgröße. In dem Beispiel mit dem 1x1-Pixel wiederholt sich ein Pixel immer und immer wieder, um den gesamten Bereich des enthaltenen div abzudecken. 

Dieses BOOTPLY-DEMO VON KARUSSELL verwendet ein 1024x700 px großes Bild als Beispiel. Wenn Sie ein Karussellbild haben möchten, das sich über die gesamte Bildschirmbreite erstreckt, ist es wahrscheinlich eine gute Idee, ein Bild mit einer Breite von mindestens 1024 px (möglicherweise breiter) zu verwenden, obwohl Sie nicht möchten, dass es eine zu hohe Auflösung hat. da das Laden lange dauern würde. 

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

Ansonsten ist es am besten, verschiedene Bilder auszuprobieren und zu sehen, was gut aussieht.

Hinweis: Die Bootply-Demo verwendet http://placehold.it Dies ist ein gutes Werkzeug, um verschiedene Bildgrößen auszuprobieren, oder http://placekitten.com/

10
Dan

Tatsächlich gibt es ein bestimmtes Seitenverhältnis, bei dem dieses Karussell die Anzeige von Bildern erzwingt. Wenn Sie dieses Seitenverhältnis nicht verwenden, werden die Bilder trotzdem verzerrt und in diesem Verhältnis angezeigt. Das Karussell stimmt nicht mit dem Seitenverhältnis der Bilder überein. 

Das seltsame Verhältnis, das es verwendet, ist eigentlich ein ziemlich gut aussehendes Seitenverhältnis für diesen Zweck. . . Trommelwirbel bitte . . . 84:25! Nach vielen Versuchen habe ich festgestellt, dass die beste Größe für mich 1680x500 ist. true, es wird bei größeren Geräten etwas gedehnt und verliert etwas an Schärfe, aber es sieht immer noch gut aus und hat eine überschaubare Dateigröße. 

Sie können dies mit dem Karussell-Beispiel auf getbootsrap bestätigen. com und öffnen Sie es im Vollbildmodus und machen Sie einen Screenshot. Dann das Gebiet mit dem Karussell ausschneiden. Verwenden Sie Ihre bevorzugte Methode zur Bestimmung der Bildgröße, und fügen Sie diese Zahlen in Ihren bevorzugten Seitenverhältnis-Rechner ein.

1
Texx Smith