Resize-Grafiken und Fotos für iPad und iPhone

Ändern der Größe von Web-Bilder für die Anzeige auf dem iPad und iPhone ist aus zwei Gründen wichtig: Die Bilder klein genug sein müssen, angezeigt werden gut auf einem Computer-Monitor und zum Download schnell auf dem Computer des Benutzers. Je kleiner das Bild ist, desto schneller wird es herunterladen.

Obwohl Sie durch Änderung der Höhe und Breite Einstellungen in Dreamweaver oder einen anderen Web-Editor, um die Anzeigegröße eines Bildes in einer Web-Seite ändern können, erhalten Sie viel bessere Ergebnisse, wenn Sie stattdessen die physische Größe des Bildes in einem Editor ändern, wie Photoshop.

Wenn Sie ein Bild in der Höhe und Breite in den HTML-Code zu ändern, weisen Sie einfach einen Web-Browser das Bild in einer anderen Größe angezeigt werden soll. Leider Browser nicht tun, einen guten Job Bilder Ändern der Größe, da Browser selbst nicht das Bild zu ändern, aber es nur in den zugewiesenen Raum zu passen erzwingen, wenn der Browser die Seite lädt.

Wenn Sie das Bild, als seine tatsächliche Größe größer angezeigt werden, wird das Bild wahrscheinlich unscharf oder verzerrt aussehen, weil das Bild nicht genug Pixel enthält für alle Details in einer größeren Größe gut aussehen. Wenn Sie den Code setzen das Bild kleiner angezeigt werden, als es ist, ist das Bild wahrscheinlich aussehen squished und Ihre Benutzer müssen ein größeres Bild als nötig herunterladen.

eines Bildes Größe für die Verwendung im Web Die Reduzierung erfolgt in zwei Schritten. Erstens reduzieren die Auflösung eines Bildes, das die Anzahl von Pixeln in dem Bild ändert. Wenn Sie mit Bildern für das Web arbeiten, möchten Sie die Auflösung auf 72 Pixel pro Zoll (ppi) zu reduzieren.

Zweitens reduzieren Sie die tatsächliche physische Größe des Bildes durch seine Dimensionen zu reduzieren. Sie möchten Größe Ihre Bilder auch in einem Browser-Fenster zu passen und im Design Ihrer Website zu arbeiten.

Befolgen Sie diese Schritte, um die Auflösung und reduzieren die Größe eines Bildes in Photoshop zu senken (in Photoshop Elements oder Fireworks, ein ähnliches Verfahren folgen, obwohl die einzelnen Schritte können variieren):

1

Mit einem Bild in Photoshop geöffnet, Bild-Größe ändern wählen.

Die Größe des Bildes öffnet sich.

Wenn Sie nicht das Originalbild wollen Qualität zu verlieren (oder Sie wollen einfach nur es sicher zu spielen), um eine Kopie des Bildes zu machen und die Größe der Kopieren für Ihre Website.

2

Um die Auflösung Ihres Bildes ändern, wählen Sie zuerst das Bild neu berechnen Kontrollkästchen am unteren Rand des Bildgröße Dialogfeld.

Für die besten Ergebnisse, deaktivieren Sie immer das Bild neu berechnen Kontrollkästchen, wenn Sie die Auflösung ändern. Um die beste Vorbereitung Bilder für das Web, ändern Sie die Auflösung auf 72 ppi, so dass sie schneller herunterladen.

3

Klicken Sie auf und ziehen Sie die Zahl im Feld Auflösung zu markieren, und ersetzen Sie es durch 72 in der Nummer eingeben.

Die Breite und Höhe wird automatisch die Größe.

4

Klicken Sie auf das Bild neu berechnen Kontrollkästchen.

Mit dem Bild neu berechnen Kontrollkästchen deaktiviert, können Sie nicht die Dimensionen Pixel ändern, damit sie überprüft werden müssen, wenn Sie die Bildgröße ändern.

5

Geben Sie eine Höhe und Breite für das Bild in der Höhe und Breite Felder.

Wenn die Proportionen beibehalten Kontrollkästchen am unteren Rand des Dialogfelds ausgewählt wird (wie es in diesem Beispiel ist), werden alle Änderungen automatisch in die Höhe vornehmen, wirken sich die Breite (und umgekehrt), um sicherzustellen, dass die Bildproportionen konstant bleiben. Wenn Sie das Bild ändern möchten, und nicht die Proportionen beibehalten, können Sie dieses Feld deaktivieren.

Wenn Sie ein Bild in Photoshop in der Pixelabmessungen Bereich Größe ändern, können Sie die neue Größe in Pixeln oder als Prozentsatz der ursprünglichen Größe angeben.

Bilder von Künstler Amy Baur und Brian Boldon aus inplainsight Kunst.

6

Klicken Sie auf OK, um die Größe des Bildes.

Wenn Sie das Bild auf seine früheren Größe zurückkehren möchten, wählen Sie Bearbeiten-Rückgängig. Beachten Sie, dass, wenn Sie das Bild speichern, werden die Änderungen permanent.

Menü