Volltextsuche
Interessante Funktionen des Bild-Elementes in Weblication®
21. Sep 2023 Weblication® bietet eine Vielzahl von automatischen Funktionen, die Ihnen die Veröffentlichung von Bilder im Internet extrem einfach machen. Von der automatischen Bildgrößenberechnung im Kontext, der HD-Bild-Generierung
Bilder web-optimiert darstellen lassen
darstellen 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.
wPicture::createPicture
PICTURE-Element Funktionsaufruf String createPicture(String path, Array data, Array, options) Parameter path Pfad des Bildes data Bilddaten default Array mit den Bilddaten für das Standardbild src Pfad mode Darstellungsmodus default Das Bild
Bild mit Textumfluß realisieren
April 2014 bild text umfluß umfluss umfliessen umfließen Nutzen Sie die Möglichkeiten des Struktureditors, um Text-Bild-Kombinationen in Ihren Internetseiten zu realisieren. Innerhalb einer Webseite soll ein Bild von Text umflossen werden.
thumbnail
TAG Attribute [PATH] src * Pfad des Imagefiles, aus dem das Thumbnail generiert werden soll [PATH] srcAlt Alternatives Bild, falls das angegebene Bild nicht existiert Integer height Höhe des Thumbnails in Pixel Integer width Breite des
Anpassen einer Bildergalerie Variante über CSS-Only
Nutzbar ab: Version Veröffentlichungsdatum: 25. Februar 2016 Änderungsdatum: 05. Mai 2023 css css-only weblics bildergalerie galerie CSS-Only Varianten von Weblics® können Sie über CSS individuell anpassen Mit den Weblics® stehen Ihnen
Animierte Gif Bilder in Listen nutzen
wconf bilder gif animierte animiertes animation liste thumbnail vorschaubild Um mehr Aufmerksamkeit durch animierte Bilder zu bestimmten Listeneinträgen zu erreichen, sind animierte Bilder eine gute Wahl. Ab Weblication® CMS Version
Mobile First BASE: Responsive Bilder
Responsive Bilder Veröffentlichungsdatum: 06. April 2017 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Die Bildbreitenauswahl und die Bildbreitenberechnung wurden in der Mobile First BASE grundlegend überarbeitet. Dem Umstand geschuldet, dass
RSS: Weblication® Mobile First Changelogs Version 19
die Liste über wiederverwendbare Inhalte oder Inhaltsbereich-Incldue eingelesen wird. 26.06.2025 BASE für Version 19: Bild 1.0.80: Zum Bild kann über die verwendete CSS-Only Variante über -w-option-pictureAreaMaskId bzw.
Copyright Angabe für Bilder umsetzen
11. Februar 2019 Änderungsdatum: 14. Juni 2024 Projektgrundlage: BASE Mit dem Copyrightzeichen werden Bilder bezogen auf das Urheberrecht gekennzeichnet und symbolisieren dadurch, auf wen das Bild als geschützt gekennzeichnet
WebP-Unterstützung für hochoptimierte Bilder
01. Juli 2024 Projektgrundlage: BASE Ab Weblication® CMS Version 14 können Sie die zusätzliche Generierung von WebP-Bildern beim Einsatz von JPEG-Bildern einfach über CSS-Only aktivieren. Unterstützt werden neben Bildelementen auch
Bild für Facebookeintrag über Like-Button
über Like-Button Veröffentlichungsdatum: 25. Januar 2012 Änderungsdatum: 10. Januar 2023 facebook like button bild picture icon Bestimmen Sie, welches Bild bei Posting über den Button "Facebook Gefällt mir / Like Plug-In" auf der
Bildrechte wie Copyright Angaben zum Projekt nutzen
Projekt nutzen Nutzbar ab: Version 20.x Veröffentlichungsdatum: 18. November 2025 Änderungsdatum: 20. November 2025 bildrechte quellen bilder copyright urheber auslesen impressum Zum Projekt können Bildrechte, wie z.B. die Copyright Angabe von
Farbe von SVG Bilder beim Überfahren mit der Maus ändern
der Maus ändern Veröffentlichungsdatum: 20. Dezember 2017 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE SVG-Bilder sind dann per CSS anpassbar, wenn sie direkt im HTML eingebettet sind, also nicht über IMG-Tag geladen werden. Für
Bildbreite und Hintergrundbildbreite bei Inhaltsbereichen
Das Weblic® Inhaltsbereich bzw. Inhaltsbox ermöglicht über die allgemeinen Einstellungen das Setzen einer maximalen Bildbreite und auch eine Mindestbreite bei Hintergrundbildern. Bearbeitung der elementSection.scss - Allgemeine Einstellungen Im
Version 16: Bildbearbeitung - Filter "Stark Weichzeichnen"
In Weblication® Version 16 können Bilder über den neuen Filter "Stark Weichzeichnen" verändert werden. Version 16: Bildbearbeitung - Filter "Stark Weichzeichnen" 24. Jun 2021 In Weblication® Version 16 können Bilder über den neuen Filter "Stark
Bereich mit wechselbarem Bild umsetzen
header top grafik bild logo Gestalten Sie den Topbereich Ihrer Webseiten mit individuellen und ständig wechselnden Bildern. Eine Webseite können Sie durch wechselnde Bilder im Kopfbereich der Seite ansprechender für Seitenbesucher gestalten.
Jedem Client sein Bild
2013 Änderungsdatum: 19. Februar 2021 weblication cms responsive images hd lazy Während der Redakteur nur ein Bild einpflegt, kümmert sich Weblication darum, dass jeder Client das für ihn optimale Bild ausgeliefert bekommt. Einfach
CSS-Rendering - Inhalte wie Bilder automatisch in passender Breite generieren
automatisch in passender Breite generieren Veröffentlichungsdatum: 23. Juni 2017 Änderungsdatum: 29. November 2018 bild grafik picture element grösse größe breite anpassen anpassung berechnung berechnen rendering css Weblication® CMS
Limit für Pixelanzahl bei Bildgenerierung über GD setzen
über GD setzen Nutzbar ab: Version Veröffentlichungsdatum: 29. August 2013 Änderungsdatum: 30. August 2013 wconf bildgenerierung gd pixel digicam Beim Einsatz des GD-Modules unter PHP für die Bildmanipulation können Sie ein Limit für die
Initialisierung der Bilder zu Bannervariante 400
Die Listenoptionen der Bannervariante ermöglichen unter anderem, die Anzahl der Spalten zu definieren, um die Bilder z.B. vierspaltige, sechsspaltig, etc. auszugeben. Sofern die Bilder in der Seitendarstellung nicht horizontal, sondern
Bildergalerie: Hintergrundfarbe eingebetteter Bilder festlegen
Veröffentlichungsdatum: 05. Mai 2023 Änderungsdatum: 09. Oktober 2023 Projektgrundlage: BASE Bei eingebetteten Bildern wird der abgeschnittene Bereich mit einer weißen Farbe aufgefüllt. Diese Hintergrundfarbe können Sie individuell
Banner: Bildausschnitt für kleine Endgeräte anders wählen
berücksichtigen, damit alle Inhalte des Banners (z.B. InfoLayer Texte, etc.) optimal dargestellt werden. Banner-Bild - mindestens sichtbarer Bildausschnitt Das Banner-Objekt ermöglicht es, zum Bild den mindestens sichtbaren
Avif-Unterstützung für hochoptimierte Bilder
Oktober 2025 Projektgrundlage: BASE Ab Weblication® CMS Version 20 können Sie die zusätzliche Generierung von Avif-Bildern beim Einsatz von JPEG-Bildern einfach über CSS-Only aktivieren. Das Bildformat AVIF (AV1 Image File Format) bietet
Bildgenerierung: ImageMagick in Weblication CMS nutzen
CMS nutzen Nutzbar ab: Version 05. Oktober 2016 wconf bildgenerierung gd imagemagick Nutzen Sie zum Generieren von Bildern imageMagick für eine bessere Bildqualität und geringeren Speicherverbrauch! Ab Weblication® CMS Version
Was muss beim Löschen oder Zurücksetzen von Bildgrößen in BASE (Mobile First) beachtet werden?
erzeugte Thumbnails müssen aber nicht extra gelöscht werden. Es ist keine Bereinigung der Thumbnails notwendig, um Bilder neu generieren zu lassen. Beim Zurücksetzen bleiben die Daten erhalten, werden weitergenutzt und erst bei einer
Festlegen des darzustellenden Bildausschnittes und verschiedene Seitenverhältnisse
des darzustellenden Bildausschnittes und verschiedene Seitenverhältnisse Nutzbar ab: Version 18. Mai 2017 editor bild picture bildausschnitt pictureArea seitenverhältnis Dieser Artikel beschreibt, wie Sie es einem Benutzer über die
So setzen Sie die Metadaten als Startregister für eingecheckte Bilder
Nutzbar ab: Version Veröffentlichungsdatum: 15. November 2010 Änderungsdatum: 15. November 2023 wConf eingecheckte bilder bearbeitung metadaten metamaske pflegemaske Dieser Artikel beschreibt, wie Sie beim Bearbeiten von eingecheckten
Bild mit unterschiedlichem Seitenverhältnis für Mobilansicht
27. Februar 2023 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Seitenverhältnisse für Bilder auf Desktop-Ansicht können auf mobilen Endgeräten unvorteilhaft sein. Dies können Sie über die entsprechende
Version 12: Schnell erkennen, wenn zu viele große Bilder in einer Seite geladen werden
Reakteure können direkt beim Erstellen in der Site-Info im Bedien-Panel erkenne, ob in einer Seite zu viele große Bilder hinterlegt sind. Dazu wird die Anzahl der Bilder und Hintergrundbilder sowie die Summen derer Größen angezeigt. Summe
Originalbilder in Bildergalerien und Listen, ohne zu skalieren nutzen
nutzen Veröffentlichungsdatum: 20. Dezember 2017 Änderungsdatum: 21. April 2024 Projektgrundlage: BASE Während Bilder standardmäßig skaliert werden, ist es zudem möglich, stattdessen auch die Originalbilder aufzulisten. In der CSS
Was muss beim Löschen oder Zurücksetzen der Bildgrößen beachtet werden?
verloren. Die generierten Thumbnails müssen dabei nicht gelöscht werden, da eine Bereinigung nicht nötig ist, nur um Bilder neu generieren zu lassen. Beim Zurücksetzen bleiben die Daten erhalten, werden genutzt und nur bei einer Neuberechnung
Kann im Kopfbereich ein verlinktes Bild genutzt werden?
im Kopfbereich ein verlinktes Bild genutzt werden? Ja, das ist bei Nutzung des Kopfbereiches über den Struktureditor über das Element "Link / Icon /
BASE (Mobile First): Responsive Bilder
Veröffentlichungsdatum: 03. Dezember 2019 Änderungsdatum: 27. Oktober 2025 weblication cms base mobile first projekt bilder bildbreitenberechnung repsonsive rwid Die Bildbreitenauswahl und die Bildbreitenberechnung wurden mit der BASE (Mobile
Was sind die Hauptmerkmale der Responsive Bilder in der BASE (Mobile First)?
bereitzustellen. Wichtigste Funktionen: Optimale Bildgröße pro CSS-Breakpoint (Bildschirmgrößenraster) HD-Bilder für scharfe Darstellung auf hochauflösenden Displays Lazy Loading für bessere Ladeperformance (Bilder laden erst im
RSS: Weblication® Mobile First Changelogs Version 18
18: Überschrift 1.0.65: Die separate Pflege von Leichter Sprache ist nun möglich. 24.06.2024 BASE für Version 18: Bildergalerie 1.0.163: Bildlaufband (Variante 24): Die Anzeige vieler Bilder wurde optimiert 24.06.2024 BASE für Version 18:
Informationen seitlich am Bildschirmrand oder Inhalt platzieren
positioniert rand seitlich box inhalte informationen infobox hinweisbox Inhalte können Sie global am Seiteninhalt oder Bildschirmrand positionieren, um wichtige Informationen schnell ersichtlich zu machen. Global zugängliche Informationen auf einer
Bildbreiten: Für Bilder abhängig von Position eindeutige Id setzen
von Position eindeutige Id setzen Veröffentlichungsdatum: 21. März 2023 Änderungsdatum: 22. März 2023 Listen Bildbreiten rwid width-id setUniqueWidthIdPosition Bei der Auflistung von Bildern ist es möglich jedem Bild eine eindeutige
Einfügen von Bildern im Inhaltsprojekt verhindern
Verzeichniseinstellungen das Hochladen auf bestimmte Dateiendungen beschränken. Wenn auch nach dem Kopieren von z.B. Bildern diese nicht im Inhaltsprojekt eingefügt werden dürfen, nutzen Sie hierfür am besten das entsprechende
Einsatz von Isotope Darstellungen für Bildergalerien
Nutzbar ab: Version Veröffentlichungsdatum: 27. Oktober 2015 Änderungsdatum: 04. November 2021 weblication liste bildergalerie jquery plugin isotope mauerwerk kategorienfilter kategorien-filter Unterschiedliche Möglichkeiten, um Bildergalerien
Dekorative Bilder
20 21. August 2025 bild dekoratriv titel alternativtext aria-hidden barrierefreiheit Für den Einsatz dekorativer Bilder verzichtet man in der Regel auf die Angabe eines Bild-Titels bzw. Alternativtextes. Definieren Sie in solch einem Fall
Mehrsprachige Metadaten in Bildern und Dokumenten pflegen
Veröffentlichungsdatum: 22. Februar 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Beim Einbinden von Bildern werden je nach Einstellung Metadaten, wie Titel oder Beschreibung, angezeigt. im Standard ist für deren Pflege eine
Version 15: Bilder nach Erzeugung automatisch weiterverarbeiten
scriptbasiert automatisch weiterverarbeiten. Hierzu wurde ein neues Ereignis onAfterCreateImage bereitgestellt, mit dem Bilder nach Erzeugung automatisch per Script nochmals verändert werden können. So kann beispielsweise ein Wasserzeichen oder
Welche Weblics® sollten aktuell gehalten werden, damit die Bildbrechnungsfunktionen funktionieren?
die Bildbrechnungsfunktionen funktionieren? Folgende Weblics® sollten mindestens auf aktuellem Stand sein, da sie die Bildbrechnungsfunktionen maßgeblich beeinflussen: Inhaltsbereich (container.section) Mehrspaltiger Inhaltscontainer (container.standard)
Welche Kontrolle hat der Administrator bzw. Designer bei der Bilddarstellung im BASE (Mobile First) System?
bei der Bilddarstellung im BASE (Mobile First) System? Der Designer definiert nahezu alle gestalterischen Angaben zu Bildern über CSS-Only Varianten, was ihm große Kontrolle über die Bilddarstellung ermöglicht. Das Verhalten von Bildern und
SVG-Grafik im Bild-Element nutzen
nutzen Veröffentlichungsdatum: 02. Dezember 2020 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Über das Bild-Element können Sie für SVG-Grafiken bzw. Icons spezielle CSS-Only-Varianten verwenden. Hierfür stehen bereits im
Metadaten von Bildern auslesen
20.x 07. Oktober 2025 bild picture metadaten exif iptc checkin einchecken reihenfolge priorität Die Metadaten von Bildern (z.B.: EXIF, IPTC) können für die weitere Verarbeitung aus der Bilddatei übernommen werden. Ist dies erwünscht, muß
Welche Hinweise gibt es zur Bildgrößensimulation bei unterschiedlichen Breakpoints?
größer und der Inhaltsbereich links wird kleiner. Dies führt dazu, dass auch die Basiseinstellung für die Bildbreitensimulation kleiner wird, was kleinere Bilder trotz größerem viewport verursacht. Mehr dazu in folgendem Artikel: BASE (Mobile
wImage::rotate
011.002.222.000) Funktionsaufruf String rotate(String path, String pathDest, Integer deg) Parameter path Pfad des Bildes pathDest Zielpfad des Bildes (diese Angabe ist optional) deg Winkel gegen den Uhrzeigersinn (Standardwert: -90 grad)
wImage::convertToJPEG
Konvertiert 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