Volltextsuche
Bilder web-optimiert darstellen lassen
lassen Veröffentlichungsdatum: 25. Oktober 2010 Änderungsdatum: 02. Juni 2022 weblication cms bilder komprimierung qualität So zeigen Sie Bilder mit optimaler Qualität an und liefern gleichzeitig kleine Bilder aus. Weblication CMS
-w-quality
bannerSlider.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Setzt für die Banner-Variante 99 die Qualität des Banner-Bildes auf 60% /* ... */ .listBannerSlider_var99 .listEntries .listEntryImage { /* ... */ ; -w-quality: 60;
thumbnail
definiert werden soll (z.B. #fcfcfc) [|1] hd Falls ein HD-Bild generiert werden soll String quality Falls die Qualität bei JPG-Bildern reduziert werden soll (0-100) String qualityHD Falls die Qualität bei der HD-Darstellung von
wThumbnail::createThumbnail
Hintergrundfarbe definiert werden soll (z.B. #fcfcfc) hd [|1] Falls ein HD-Bild generiert werden soll quality Falls die Qualität bei JPG-Bildern reduziert werden soll (0-100) qualityHD Falls die Qualität bei der HD-Darstellung von JPG-Bildern
HD-Funktion in BASE-Projekten nachrüsten
BASE Projekten werden Bilder in Webseiten beim Aufruf über hochauflösende Displays automatisch in HD High-Definition Qualität ausgeliefert. Die Funktionen hierzu sind in der BASE bereits integriert und werden über das Zusatzmodul " HD
So stellen Sie für ein Textfeld bestimmte WYSIWYG-Funktionen bereit
der Funktionen für Bilder und Tabellen über die WYSIWYG-Leiste bitte den Artikel in den weiterführenden Links zur Qualität von Webseiten ! Nachfolgend ein Beispiel, wie Sie für zu pflegende Textfelder auf Basis des zugewiesenen
Pflege von Tabellen
Strukturelement/Weblic® im Vergleich zur WYSIWYG-Funktion) bitte den Artikel in den weiterführenden Links zur Qualität von Webseiten ! Weiterführende Links Onlinedokumentation - Tabellenbearbeitung Blog: So verbessern Sie langfristig die
Bildgenerierung: ImageMagick in Weblication CMS nutzen
PHP zurückzugreifen. Mit ImageMagick erreichen Sie abhängig von den eingesetzten Bildern, teils sichtbar bessere Qualitäte n. Zudem ist der Speicherverbrauch zum Generieren von Bildern weitaus geringer als bei GD. Durch folgende manuelle
wPicture::createPicture
Falls ein HD-Bild generiert werden soll createWebp [|1] Falls ein WebP-Bild generiert werden soll quality Falls die Qualität bei JPG-Bildern reduziert werden soll (0-100) qualityHD Falls die Qualität bei JPG-Bildern bei HD-Darstellung
Bild mit Textumfluß realisieren
a, sodales sit amet, egestas id, elit. Hinweise Beachten Sie bitte den Artikel unten in den weiterführenden Links zur Qualität Ihrer Webseiten. Wir empfehlen beim Vorhaben, ein Bild mit Text umfliessen zu lassen, den Einsatz o.g.
wImage::convertToJPEG
ein Bild in eine JPEG-Bild Funktionsaufruf Boolean convertToJPEG(String path) Parameter path Pfad des Bildes quality Qualität des JPEG-Bildes (z.B. 80 für 80%) Beispiel: Konvertiert das Bild in eine JPEG-Bild Quelltext <?php // Konvertiert
wCaptcha::createCaptcha
text, Array options = array) Parameter text Text, der in das Bild eingefügt werden soll options quality => [0-100] Qualität (0 = einfach lesbar, 100 = sehr schwer lesbar) width => Integer Breite des Bildes height => Integer Höhe des
wThumbnail::getPathThumbnail
Wert auf no stehen backgroundColor Falls die Hintergrundfarbe definiert werden soll (z.B. #fcfcfc) quality Falls die Qualität bei JPG-Bildern reduziert werden soll (0-100) filenameOnly Dateiname (ohne Endung) des generierten Bildes Beispiel:
wImage::resize
verkleinert, dass eine Seiten in die Vorgabe passt und die ggf. überstehenden Seiten abgeschnitten. quality Falls die Qualität bei JPG-Bildern reduziert werden soll (0-100) Beispiel: Ändert die Bildgrösse wie angegeben Quelltext <?php
Hintergrundbild dynamisch pro Navigationspunkt definieren
Hintergrundbilder zuweisen (Hauptnavigation) Optimieren Sie die Hintergrundbilder für eine bestmögliche Qualität und Ladezeit! Weiterführende Links Onlinedokumentation - Portalinhalte zuweisen Onlinedokumentation -
Individualisierte Seiten durch Gewichtung von Listeninhalten
weniger Sortierfaktoren führt praktisch zu einem Individualisierungsgrad nach dem One-to-One Prinzip, wobei die Qualität und folglich der Nutzen nicht in dem Maße steigen wird, wie die Individualisierung zunimmt. Hier gilt es individuell
Navigation mit grafischen Buttons umsetzen
Untervariante 1 zu Variante 2: Bild über WSL-Tag inkl. HD-Bild generieren Sofern die Navigationsgrafiken auch in HD-Qualität angeboten werden sollen, können Sie das img -Tag auch über wsl:thumbnail generieren lassen. Setzen Sie dazu innerhalb
Jedem Client sein Bild
bereits in der BASE (Mobile First) alle Funktionen, um sicherzustellen, dass Bilder in der entsprechenden Größe und Qualität ausgeliefert werden. Nur ein Bild pflegen Der Redakteur pflegt nur ein Bild. Im Hintergrund erstellt Weblication die
Performance der Webseite optimieren
sofern dies vom Webserver über das Apache-Modul mod_deflate unterstützt wird. Die Bildkomprimierung ist auf 80% Qualität voreingestellt und kann je nach Bedarf noch erhöht werden. Allein diese Einstellungen reduzieren die Datenübertragung
Performance-Analyse: Google Web Vitals
dass der Banner auch Mobil nie das größte Element ist. Alternativ bleibt fast nur noch, dass man die Bildgröße bzw. Qualität stark reduziert, um hier auf akzeptable Werte zu kommen. Im aktuellen Banner ist das für die Standardvariante bereits
Sicherheit erhöhen: Empfehlungen zur Passwortwahl
Weblication® CMS liefert Ihnen bei Bearbeitung eines Benutzers zum angegebenen Passwort eine Anzeige der Passwort Qualität.. Dies gibt Ihnen bereits einen allgemeinen Aufschluss über die Sicherheit des gewählten Passwortes. Zusätzlich haben
Bildbreite und Hintergrundbildbreite bei Inhaltsbereichen
Zu den Hauptvarianten können Sie den Bereich "Allgemein" per Klick öffnen und u.a. folgende Einstellungen treffen: Qualität Hintergrundbild Maximale Bildbreite bei kleinen bzw. großen Bildschirmen Mindestbreite, um großes Hintergrundbild
Mobile First BASE: Responsive Bilder
von Bildern, falls für jeder Bildschirmgröße exakt das passende Bild ausgeliefert werden soll Frei definierbare Qualitätsstufen pro Bild, pro Bildtyp oder global über CSS-Only Art Direction, um bei kleinen Bildschirmen einen alternativen
WebP-Unterstützung für hochoptimierte Bilder
auch Bildergalerien und Bannerbilder. WebP-Bilder ermöglichen in der Regel eine erheblich reduzierte Dateigröße ohne Qualitätsverluste. Lesen Sie hierzu den DevBlog-Artikel in den weiterführenden Links am Artikelende. Grundvoraussetzung für WebP ist,
RSS: Weblication® Mobile First Changelogs Version 16
First) für Version 16: Objektverwaltung 1.0.133: Beim Vorschaubild einer Liste lässt sich über den Objektwizard die Qualität auswählen. 07.04.2022 11:17 BASE (Mobile First) für Version 16: Liste 1.0.76: Diverse Listenoptionen, welche bislang
Änderungen in Weblication® CMS Core/GRID
der Quelltextbearbeitung unterstützt. 006.009.231.011 18.04.2012 Falls Bilder keinen Copyright-Text, keine reduzierte Qualität und kein spezielle Hintergrundfarbe definiert haben, werden sie bei gleichbleibender Bildgröße nicht generiert,
Änderungen in Weblication® CMS Core/GRID
02.11.2017 Die PHP-Framwork Funktion wThumbnail::createThumbnail unterstützt nun auch die Option qualityHD, um die Qualität von HD-Bildern separat festzulegen. 012.005.038.000 26.10.2017 Aufgaben und Notizen, die mit Dateien verknüpft sind,
-w-create-hd
Beispiele / Anwendungsfälle Beispiel 1: Definiert, daß die Vorschaubilder der Bildergalerie-Variante 32 in HD-Qualität generiert werden sollen .listPictureGallery_var32 .listEntriesPreview .listEntryImage { -w-create-hd: yes; /* ... */ }
BASE (Mobile First): Responsive Bilder
Laden von Bildern, falls für jede Bildschirmgröße exakt das passende Bild ausgeliefert werden soll Frei definierbare Qualitätsstufen pro Bild, pro Bildtyp oder global über CSS-Only Art Direction, um bei kleinen Bildschirmen einen alternativen
CSS-Only Referenz
-w-color-data Stellt Farbwerte für die Diagrammdarstellung zur Verfügung -w-create-hd Definiert, ob ein Bild in HD-Qualität generiert werden soll -w-date-format Setzt das Datumsformat -w-date-lang Setzt die Sprache zum Datumsformat