pixelorientierte bilder bildschirmfüllend auf hp darstellen

[Tommy Noob]

Hi @ll

ich hab da ein problem vielleicht gibts da ja sogar eine lösung für...

beim erstellen einer homepage hab ich das problem das alles was pixel orientiert ist so wie flash und photoshop bilder nicht in jedem browser auf jeder bildschirmgröße gleich aussieht.
hat jemand einen tip für mich wie ich dieses problem umgehen kann, das ich zum beispiel bei einem hintergrund jpg keinen rahmen angezeigt bekomme sondern das jpg bildschirmfüllend angezeigt wird!?

hoffe ihr konntet mich ein wenig verstehen

grüße Tommy!

[Philip Fuchslocher]

Hi Tommy!

1. Photoshop ist pixelorientiert- das stimmt. Flash basiert auf Vektoren und kann dynamisch die ganze Monitorfläche ausfüllen und somit überall gleich aussehen, wenn es so angelegt ist.

2. Das Problem mit dem Bild...
Hier stellt sich die Frage...was für eine Art von Motiv?
- Ist es eine Art Symbol, oder eine Art Muster, das sich über die komplette Fläche erstrecken soll, dann arbeitest du am besten mit rapportierten Bildern. D.h. du hast ein Bild, das meinetwegen 30x30px groß ist und das du als Hinterggrundbild-Quelle definierst. Der Browser füllt dann automatisch den kompletten Hintergrund mit dem Motiv, ohne das der Benutzer erkennt, das es ständig ein und das selbe Bild ist. (Gut, man sieht sicher, das sich das Motiv widerholt, aber es ist alles homogen, man sieht, wenn es gut gemacht ist, keine Ränder der einzelnen Bilder)

Wenn es ein großes Motiv für den Hintergrund ist und du es als Hintergrundbild definierst, wird es ebenfalls gekachelt- was meistens unschön ist...für den Fall am besten das Bild bereits ausreichend groß speichern (einfach die Arbeitsfläche in der Hintergrundfarbe der Site erweitern- das kostet wenig Speicherplatz extra)- damit verhinderst du, das der Browser das Bild kachelt.

Wenn ein Bild bewußt auf die Bildschirmmaße gestreckt werden soll, gibst du zur Bildbeschreibung im HTML Code <img scr="beispiel.jpg" width="100%" height="100%"> an.
Würde aber stark davon abraten, weil es das Ganze Bild in eine miserable Qualität versetzt.

So, hoffe damit ein wenig Klarheit geschaffen zu haben!
Gruß, BSE!

[Tommy Noob]

danke für deine ausfürliche antwort,werde versuchen es um zu setzen!

damit du weißt worum sich das ganze handelt ich versuche gerad eine hp für eine disco zu gestalten, auf der startseite soll ein 3 d bild aus archicut dienen, das eine innenansicht der disco zeigt, da aber die browser es verschieden groß an zeigen und die monitore auchnicht die selbe auflösung haben, ist es ebend schwierig es für alle passend zu machen, du verstehst!

übrigens eine sehr schöne homepage hast du da, hab mal durchgeblätert

hast du eigentlich eine photoshop lebensweissheit für mich.... ich bin zum dritten mal das glasskugel tutorial durch gegangen und hab mir dann mal andere grafiken angeschaut, da kam mir meine glasskugel irgendwie lächerlich vor


wie lange braucht ihr so für eine richtig schöne fantasiefolle grafik?

grüße Tommy!

[Philip Fuchslocher]

Danke für das Kompliment bezüglich meiner Site!

Das mit dem passend machen für alle Auflösungen ist eben die Kunst am Webdesign- Kompromisse schliessen um allen mehr oder weniger gerecht zu werden...ist nicht immer leicht.

Photoshop Lebensweissheit: Literatur lesen, sehr viel ausprobieren und experimentieren. Try & Error geht bis zu einem gewissen Maße bei Photoshop, irgendwann wirds zu komplex, da kommst du dann nur mit Fachliteratur weiter.
Das herumprobieren mit Filtern, Einstellungen etc. bringt dich dann auf der kreativen Schiene voran, weil du so spielerisch Möglichkeiten von Photoshop entdeckst und sich somit realisierbare Projekte erweitern.
Ansonsten- nicht gleich auf Photoshop stürzen, nimm Zettel und Stift und Kopf und überlege erst mal, was du machen willst, wenn es etwas zu einem bestimmten Thema mit evtl. Vorgaben ist.
Du denkst so viel freier als am Rechner weil du deine Phantasie einbringst und nicht das, was Photoshop dir erlaubt!

Was die fantasievolle Grafik betrifft...kann man nicht pauschal sagen, mal klappts schneller, mal dauerts ewig...die besten Sachen entwickeln sich meiner Ansicht nach aber nach und nach...(klar- es gibt Ausnahmen!)

Gruß, BSE!

[torres]

wie wäre es, wenn du eine weiche einbaust, mit welcher auflösung der user an den start kommst, legst du ihm auch das entsprechende hintergrundbild in den browser. jetzt noch ein javascipt, dass die webseite nur im fullscreenmodus angesehen werden kann, und jeder hat ein schönes bild im hintergrund liegen. das passt jetzt aber wirklich nur zu den puristen, nicht mehr unter photoshop...

/// gruß vom torres

[Tommy Noob]

danke für eure antworten, nur kann ich mir unter einer weiche wirklich nicht so viel vor stellen,wo steht denn mal beschrieben wie ich so etwas machen kann, dass problem ist ja nicht nur die bildschirmgröße sondern auch welcher browser verwendet wird, die stellen das ja auch sehr verschieden da oder :-?

viele Grüße Tommy!

[Nightline]

Also zumindest für die Auflösung kann ich dir das Script geben, wie man einen Browser UND die Auflösung abfragt, das weiß ich leider nicht, aber die anderen werden da schon helfen.

<html>
<head>
<title>Check</title>

<script language="JavaScript">
<!--
if (screen.width >= 1024)
window.location.href ="1024/index.htm"
else
window.location.href ="800/index.htm"
//-->
</script>
</head>
<body bgcolor="#000000">
</body>
</html>

[Tommy Noob]

danke, das bringt mich schon mal weiter, danke für die mühe!