Es gibt eine Website, an der ich arbeite, auf der Schüler ihre Lehrbücher online lesen können, Seite für Seite, mit einem implementierten PDF-Viewer.
Ich habe aber festgestellt, dass dies auf verschiedenen Geräten nicht besonders gut aussieht und habe bisher den Fehler gemacht, standardmäßige, relativ niedrige Auflösungen zu verwenden.
Also meine Frage (und es tut mir leid, wenn dies etwas vage oder subjektiv ist): Was ist das beste Dateiformat für dieses Szenario?
Große Auflösungen, gestochen scharfer Text auf jedem Gerät, einschließlich Retina-Displays
Ich habe immer noch Zugriff auf die "Quellseiten", die Vektoren verwenden, also .svgist eine Option zusammen mit .jpg, .pdfund.png
Vorzugsweise möchte ich nicht je nach Auflösung oder Anzeige des Benutzers unterschiedliche Dateien verwenden
Relativ schnelle Ladezeiten sind ein Muss, wenn also ein bisschen Komprimierung unvermeidlich ist, ist es nicht unbedingt ein Dealbreaker
Hat jemand Erfahrung mit der Optimierung seiner Dateien für die eingebettete Online-Anzeige?
Verwenden Sie, wenn möglich und machbar, ein Vektorformat. Sie haben Quelldateien, die Vektoren sind, und SVG oder PDF sind Optionen, also verwenden Sie eine davon.
Sie zeigen Lehrbuchseiten in einem PDF-Viewer an, aber da sie eine „niedrige Auflösung“ haben, gehe ich davon aus, dass die Seiten in Rasterbilder konvertiert werden. Da Sie Quelldateien im Vektorformat haben, sollten Sie diese in PDFs umwandeln (Sie zeigen diese schließlich in einem PDF-Viewer an) und alles als Vektordaten behalten.
Wenn Sie ein Rasterformat verwenden müssen, verwenden Sie das geeignete. Es gibt einige Diskussionen darüber, welche Formate in dieser Frage verwendet werden sollen:
Bei Rasterformaten und Displays mit hoher Pixeldichte ist es wichtig, tatsächliche Pixelabmessungen zu berücksichtigen, nicht virtuelle Pixel. Generell servierst du entweder unterschiedliche Bilder basierend auf dem Display oder verwendest immer die höher aufgelösten Bilder. Wenn Sie keine unterschiedlich großen Bilder basierend auf der Anzeige bereitstellen möchten, sollten Sie Bilder verwenden, die mindestens x2 der beabsichtigten Anzeigegröße sind - vorzugsweise x3. Aber Sie müssen dies gegen eine akzeptable Dateigröße usw. abwägen.
Da Sie in einem PDF-Viewer anzeigen, was bedeutet, dass die Bilder gezoomt werden, verwenden Sie die absolut höchste Auflösung, die Sie innerhalb einer akzeptablen Dateigröße erreichen können.
Jorik