Mit wie vielen Pixeln sollte eine Webseite gestaltet werden?
|
Viele Webdesigner sind beim Entwurf des Webseitenlayouts hinsichtlich der Breite der Schnittstellenwebseite verwirrt. Wie viele Pixel sollte die Webseite bei einer Auflösung von 800 x 600 und 1024 x 768 aufweisen? Wenn sie zu breit ist, wird eine horizontale Bildlaufleiste angezeigt. Im Folgenden erläutern wir die Standardgröße des Webseitendesigns. Standardgröße des Webseitendesigns: 1. Unter 800 x 600 gibt es keine horizontale Bildlaufleiste, wenn die Breite der Webseite innerhalb von 778 bleibt. Die Höhe hängt vom Layout und Inhalt ab. 2. Bei einer Auflösung von 1024 x 768 sollte die Breite der Webseite 1002 nicht überschreiten. Bei einer Vollbildanzeige sollte die Höhe zwischen 612 und 615 liegen. Es wird keine horizontale oder vertikale Bildlaufleiste angezeigt. 3. Wenn Sie eine Webseite in PS erstellen, kann sie im Vollbildmodus bei 800 x 600 angezeigt werden, und am unteren Rand der Seite befindet sich kein Schieberegler. Die Größe beträgt etwa 740 x 560 4. Die in PS erstellten Bilder unterscheiden sich hinsichtlich der Farbe usw., wenn sie im Internet veröffentlicht werden, da im WEB nur 256 WEB-sichere Farben verwendet werden, während der Farbumfang von RGB oder CMYK und LAB oder HSB in PS sehr groß ist, sodass natürlich ein Farbverlust auftritt. Die Seite wird mit einer Standardauflösung von 800*600 erstellt und die tatsächliche Größe beträgt 778*434px Grundsätzlich sollte die Seitenlänge 3 Bildschirme und die Breite 1 Bildschirm nicht überschreiten. Jede Standardseite hat das Format A4, also 8,5 x 11 Zoll. Das Banner in voller Größe ist 468 x 60 Pixel groß, das Banner in halber Größe ist 234 x 60 Pixel groß und das kleine Banner ist 88 x 31 Pixel groß. Darüber hinaus sind 120 x 90 und 120 x 60 auch Standardgrößen für kleine Symbole. Jede statische Seite, die keine Homepage ist, enthält Bilder mit einer Größe von höchstens 60 KB, und das Banner in voller Größe überschreitet 14 KB nicht. Standardgrößenspezifikationen für Werbung auf Webseiten: 120 x 120. Diese Werbespezifikation eignet sich für die Anzeige von Produkt- oder Nachrichtenfotos. 2. 120*60: Diese Werbespezifikation wird hauptsächlich für LOGOs verwendet. 3. 120*90, hauptsächlich für Produktdemonstrationen oder große LOGOs verwendet. 4. 125*125: Diese Angabe eignet sich für Bildanzeigen mit Fotoeffekten. 5. 234*60: Diese Angabe eignet sich für Werbelinks auf gerahmten oder Links-Rechts-Homepages. 6. 392*72, wird hauptsächlich für Werbestreifen mit mehreren Bildern verwendet, für Kopf- oder Fußzeilen. 7. 468*60, die am häufigsten verwendete Werbebannergröße, wird für Kopf- oder Fußzeilen verwendet. 8. 88*31, wird hauptsächlich für Weblinks oder kleine Website-LOGOs verwendet. Anzeigenformat Pixelgröße Maximale Größe Bemerkungen TASTE 120*60 (muss GIF verwenden) 7K 215*50 (muss GIF verwenden) 7K Volle Breite 760*100 25K statisches Bild oder reduzierter Bewegungseffekt 430*50 15K Superbanner 760*100 bis 760*200 40K insgesamt Statisches Bild oder reduzierter Bewegungseffekt Große Anzeige 336*280 35K 585*120 Vertikale Werbung 130*300 25K Vollbildwerbung 800*600 40K Muss ein statisches Bild sein, gemischter Text und Grafiken im FLASH-Format, für jeden Kanal unterschiedlich 15K Popup-Fenster 400 x 300 (möglichst GIF verwenden) 40 K BANNER 468*60 (möglichst GIF verwenden) 18K Hover-Button 80*80 (muss GIF verwenden) 7K Streaming-Medien 300 x 200 (können in unregelmäßige Formen gebracht werden, die Größe darf jedoch 300 x 200 nicht überschreiten) 30K Die Wiedergabezeit beträgt weniger als 5 Sekunden 60 Frames (1 Sekunde/12 Frames) Anzeigengröße auf der Seite 1. Oben rechts auf der Startseite, Größe 120*60 2. Obere Spalte der Startseite, Größe 468*60 3. Obere Spalte der Startseite, Größe 760*60 4. Mittlere Spalte der Startseite, Größe 580*60 5. Obere Spalte der Innenseite, Größe 468*60 6. Obere Spalte der Innenseite, Größe 760*60 7. Innenseite, oben links, Größe 150*60 oder 300*300 8. Download-Adressseite, Größe 560*60 oder 468*60 9. Untere Spalte der Innenseite, Größe 760*60 10. Links schwebend, Größe 80*80 oder 100*100 11. Rechts schwebend, Größe 80 x 80 oder 100 x 100. Die obigen Angaben können geringfügige Abweichungen aufweisen, dies können Sie besprechen. IAB und EIAA veröffentlichen neue Größenstandards für Online-Werbung. Zu diesen sechs Formaten gehören neben den vier „universellen Werbepaketen“, die IAB im letzten Jahr veröffentlicht hat: 160 x 600, 300 x 250, 180 x 150 und 728 x 90, auch die neu angekündigten 468 x 60 und 120 x 600 (Optimus Prime). |
Artikel empfehlen
IIS7 IIS8 Reverse-Proxy-Regeln schreiben, installieren und konfigurieren
Zweck: Station A als sekundäres Verzeichnis von S...
js implementiert einen einfachen Rechner
Verwenden Sie natives JS, um einen einfachen Rech...
So schreiben Sie eine Node.JS-Version eines Spiels
Inhaltsverzeichnis Überblick Build-Prozess Verwan...
Detaillierte Erläuterung der häufig verwendeten Filter von Tomcat
Inhaltsverzeichnis 1. Domänenübergreifender Filte...
9 Möglichkeiten zum Ein- und Ausblenden von CSS-Elementen
Bei der Erstellung von Webseiten ist das Anzeigen...
Verwenden Sie Standard-DL-, DT- und DD-Tags, um Tabellenlisten zu verwerfen
Heutzutage beginnen immer mehr Front-End-Entwickle...
Beispiel für die Implementierung eines 16:9-Rechtecks mit adaptiver Breite und Höhe mithilfe von CSS
Wir haben bereits darüber gesprochen, wie man ein...
Nicht alle Pop-ups sind betrügerisch. Tipps zum Entwerfen von Website-Pop-ups
Popup-Nachrichten sind bei inländischen Internetd...
So installieren Sie Phabricator mit Docker
Ich verwende hier das Ubuntu 16.04-System. Instal...
Die Vollversion des gängigen Linux-Tools vi/vim
Warum Vim lernen? Linux verfügt über eine große A...
Reagieren Sie auf die Verarbeitung von Fehlergrenzkomponenten
Dies ist der Inhalt von React 16. Es ist nicht di...
Docker-Fallanalyse: Erstellen eines Redis-Dienstes
Inhaltsverzeichnis 1 Mount-Verzeichnisse und Date...
Detailliertes Tutorial zum Bereitstellen eines Hadoop-Clusters mit Docker
Ich möchte in meinem Unternehmen kürzlich einen H...
Lernen Sie, wie Sie in 2 Minuten ein kreisförmiges/fächerförmiges Menü erstellen (Basisversion)
Vorwort Für das Projekt ist ein kreisförmiges Men...
Schritte für Docker zum Erstellen eines privaten Lagerhafens
Hafen Harbor ist eine Open-Source-Lösung zum Erst...