• Herzlich willkommen im "neuen" DSLR-Forum!

    Wir hoffen, dass Euch das neue Design und die neuen Features gefallen und Ihr Euch schnell zurechtfindet.
    Wir werden wohl alle etwas Zeit brauchen, um uns in die neue Umgebung einzuleben. Auch für uns ist das alles neu.

    Euer DSLR-Forum-Team

  • In eigener Sache!

    Liebe Mitglieder, liebe Besucher und Gäste
    ich weiß, es ist ein leidiges Thema, aber ich muss es ansprechen: Werbung, Werbeblocker und Finanzierung des Forums.
    Bitte hier weiterlesen ...

  • DSLR-Forum Fotowettbewerb neu erfunden!
    Nach wochenlanger intensiver Arbeit an der Erneuerung des Formates unseres internen Fotowettbewerbes ist es Frosty als Moderator
    und au lait als Programmierer gelungen, unseren Wettbewerb auf ein völlig neues Level zu heben!
    Lest hier alle Infos zum DSLR-Forum Fotowettbewerb 2.0
    Einen voll funktionsfähigen Demowettbewerb kannst du dir hier ansehen.
  • Neuer Partner: AkkuShop.de
    Akkus, Ladegeräte und mehr (nicht nur) für Digitalkameras und Drohnen
  • Neuer Gutscheincode unseres Partners Schutzfolien24:
    DSLR-Forum2024
    Dauerhaft 10% Rabatt auf alle Displayschutzfolien der Eigenmarken "Upscreen", "Brotec", "Savvies".
    Der Code ist für alle Geräteklassen gültig.
  • Stimmt ab über die Sieger des DSLR-Forum Fotowettbewerbs März 2024.
    Thema: "Arbeitsmittel"

    Nur noch bis zum 31.03.2024 23:59!
    Jeder darf abstimmen!
    Zur Abstimmung und Bewertung hier lang
  • Frohe Ostern!

    Wir wünschen allen DSLR-Forum Nutzern, ihren Familien und Freunden sowie unseren Sponsoren und Partnern und deren Familien und Freunden ein frohes Osterfest.

    Euer DSLR-Forum Team!
WERBUNG

Bilder schärfen mit Javascript oder PHP?

usaletsgo

Themenersteller
Hallo,

ich möchte die Bilder im Header meiner Website dezent nachschärfen, falls sie in Auflösungen betrachtet werden, die über 1920px in der Breite hinausgehen (die Problematik mit der unterschiedlichen Darstellungsgröße auf "Retina"-Displays mal ausgeklammert).

Wie man das in der CSS-Datei über Media Queries steuert, weiß ich, aber nicht, wie man am besten Schärfe hinzufügt.

a) CSS? Geht meines Wissens nicht. Nur Weichzeichnen und alle möglichen anderen Effekte.
b) PHP? Grundsätzlich sind auf meiner Site schon diverse Skripte, daher auch die *.php-Endungen. Aber ist das zum Schärfen geeignet?
c) Javascript?
d) ganz was Anderes?

Wäre schön, wenn mir jemand auf die Sprünge helfen könnte.

Vielen Dank und beste Grüße

Dirk
 
Header Bild in Photoshop in verschiedenen Größen abspeichern.
Auf deiner Homepage das passende Bild abhängig von der Ausgabegröße anzeigen.
https://www.html-seminar.de/media-queries-responsive-design.htm
Die Idee hatte ich auch schon. Da gibt es ja diverse Skripte. Allerdings muss dann jedes Bild doppelt auf den Server und außerdem werden die Ladezeiten der großen Bilder recht lang.

Ist natürlich die Frage, wie schnell ein eventuelles Skript läuft, aber einen Versuch wäre es wert.

und warum machst Du das nicht in Photoshop?

Weil dann die Bilder überschärft sind, wenn sie nicht vom Browser skaliert werden.
 
Problem - zumindest weitgehend - gelöst:

image-rendering mit CSS

Chrome kennt bislang nur die Eigenschaft "pixelated" (habe ich ausprobiert), aber die funktioniert prima. Firefox und Safari kennen nur "crisp-edges" und benötigen einen Präfix (jedenfalls war das der Stand 2015, habe ich noch nicht ausprobiert).

Aber das wird schon in kommenden Browsergenerationen.

Mit ein wenig Workaround durch Abfangen der jeweiligen Browserversion kann man das schon gut nutzen.
 
Hochscallieren ist immer ein Qualitätsverlust den auch eine normale Schärfung
nicht zu retten vermag erst recht wenn dies Serverseitig geschehen soll.
Selbst Ps bekommt das erst seit kurzem einigermaßen hin.
Vergiss daher a) bis d) und da du mit Media Queries umzugehen verstehst
hinterlegst du 2 Größen wodurch du das mit "Retina-Displays" auch gleich
in Griff bekommen kannst. Eine Weiche lässt sich auch per PHP realisieren.
 
WERBUNG
Zurück
Oben Unten