Screenshots erstellen

Nicht nur für jeden Webdesigner ist es überlebenswichtig das CSS in unterschiedlichen Browsern und auf unterschiedlichen Betriebssystemen oder Rechnern zu testen. Will man oder muss man es sogar sehr gewissenhaft machen, dann können mitunter unzählige Test-Kombinationen entstehen (wenn z.B. die Bildschirmauflösung als ein zusätzliches Kriterium dazu kommt). Es gibt da allerdings ein kostenloses Online-Tool, mit dessen Hilfe solchen Testing Screenshots erstellen lassen kann. Und das mit wesentlich mehr Auswahlmöglichkeiten. Achtung, die Seite ist extrem mit Werbung beladen, dafür bietet sie aber einen sehr nützliche Funktionen.

http://browsershots.org/

So in etwa sieht das übersichtliche Ergebniss nach dem Screenshots erstellen aus:

Screenshots erstellen
Screenshots erstellen

Folgende Betriebssysteme und Browser stehen zur Verfügung:

LINUX

  • Dillo 0.8
  • Dillo 2.0
  • Dillo 2.1
  • Epiphany 2.22
  • Firefox 1.0
  • Firefox 2.0
  • Firefox 3.0
  • Firefox 3.1
  • Firefox 3.5
  • Flock 1.2
  • Flock 2.0
  • Galeon 2.0
  • Iceape 1.1
  • Iceweasel 2.0
  • Iceweasel 3.0
  • Kazehakase 0.4
  • Kazehakase 0.5
  • Konqueror 3.5
  • Konqueror 4.2
  • Minefield 3.2
  • Minefield 3.6
  • Navigator 9.0
  • Opera 10.0
  • Opera 9.50
  • Opera 9.63
  • Opera 9.64
  • Opera 9.80
  • SeaMonkey 1.1
  • SeaMonkey 2.0
  • Shiretoko 3.5

WINDOWS XP und 2000

  • Avant 11.7
  • Chrome 0.2
  • Chrome 3.0
  • Firefox 0.9
  • Firefox 1.5
  • Firefox 2.0
  • Firefox 3.0
  • Firefox 3.1
  • Firefox 3.5
  • Flock 1.2
  • Flock 2.0
  • Flock 2.5
  • Flock 3.0
  • K-Meleon 1.1
  • K-Meleon 1.5
  • Minefield 3.2
  • Minefield 3.6
  • MSIE 4.0
  • MSIE 5.0
  • MSIE 5.5
  • MSIE 6.0
  • MSIE 7.0
  • MSIE 8.0
  • Navigator 8.1
  • Navigator 9.0
  • Opera 0.27
  • Opera 10.0
  • Opera 7.0
  • Opera 7.11
  • Opera 7.54
  • Opera 8.0
  • Opera 8.53
  • Opera 8.54
  • Opera 9.25
  • Opera 9.26
  • Opera 9.27
  • Opera 9.50
  • Opera 9.51
  • Opera 9.52
  • Opera 9.60
  • Opera 9.61
  • Opera 9.62
  • Opera 9.63
  • Opera 9.64
  • Safari 3.0
  • Safari 3.2
  • Safari 4.0
  • SeaMonkey 1.1
  • SeaMonkey 2.0
  • Shiretoko 3.1
  • Shiretoko 3.5

BSD

  • PSD to HTML
  • Dillo 2.0
  • Firefox 2.0
  • Kazehakase 0.5
  • SeaMonkey 1.1

MAC OS
Wird leider nicht angeboten

Folgende Kriterien können für die Screenshots Erstellung gewählt werden:

Bildschirmgröße (Auflösung)

  • 640 Pixel breit
  • 800 Pixel breit
  • 896 Pixel breit
  • 1024 Pixel breit
  • 1152 Pixel breit
  • 1180 Pixel breit
  • 1280 Pixel breit
  • 1366 Pixel breit
  • 1400 Pixel breit
  • 1440 Pixel breit
  • 1600 Pixel breit
  • 1680 Pixel breit


Farbtiefe

  • 8 Bits pro Pixel
  • 15 Bits pro Pixel
  • 16 Bits pro Pixel
  • 24 Bits pro Pixel
  • 32 Bits pro Pixel

Javascript

  • Deaktiviert
  • Aktiviert
  • 1.3
  • 1.4
  • 1.5
  • 1.6
  • 1.7
  • 1.8
  • 2.0

Java

  • Deaktiviert
  • Aktiviert

Flash

  • Deaktiviert
  • Aktiviert
  • 6
  • 7
  • 8
  • 9
  • 10

Ein Allheilmittel ist dieses Online Tool allerdings nicht, es kann aber die Entwicklung, das Testen und Webdesign der Webseiten enorm beschleunigen.

6 Gedanken zu „Screenshots erstellen“

  1. Pingback: ~afkbio blog~
  2. Das Bild sieht geil aus!

    Hallo zusammen,
    ich bin grad auf der suche von einem freier Designer, der mir helfen kann design für unser webshops anzupassen…

    Nochmals Danke fürs Bild 😉

  3. Danke fürs Tollen Tipp bzw. Link für so Tolle Webseite, wo ich solche Screens machen kann. Hab auch sehr lange gesucht und sogar versucht bereits selbst so ein Service zu machen… Hat nicht geklappt.

    Nochmal Danke!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Design Blog vom Designer

Offenlegung: Auf dieser Webseite finden Sie zum Teil Affiliate-Links. Das bedeutet, dass wir unter Umständen eine kleine Provision erhalten. Ohne zusätzliche Kosten für Sie. Damit helfen Sie uns weiterhin kostenlose Inhalte anzubieten. Vielen Dank!