Skip to main content

Bildgröße anpassen

Wenn Sie Über das Veröffentlichen den Inhalt, werden die Bilder auf der Grundlage der hinzugefügten Attribute und Werte vergrößert. Sie können Vorschau eines Topics, um zu sehen, wie die Größe in den verschiedenen Ausgaben aussehen wird.

Anmerkung

[en] Depending on the type of software used to generate .svg images, setting width values for .svg images in PDF output can be problematic. In some cases this is caused by the omission of width and height attributes on the root svg element of the image.

  1. [en] Check the image's raw XML code to see if the width and height attributes are included.

  2. [en] If they are not, add them to the root element. Take the values from the viewBox attribute as the values for the width and height attributes. 

    [en] Example: svg XML without width and height attributes.

    [en] <?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:link="http://www.w3.org/1999/xlink" id="Layer_1" data-name="Layer_1" viewBox="0 0 258 429">

    [en] After correction:

    [en] <?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:link="http://www.w3.org/1999/xlink" id="Layer_1" data-name="Layer_1" viewBox="0 0 258 429" width="258" height="429">

    Anmerkung

    [en] Do not use units for the with and height values.

In der Regel sollten Sie nur die width oder die contentwidth eines Bildes einstellen. Die depth oder die contentdepth (Höhe) wird automatisch berechnet, um die Bildabmessungen als ursprüngliche Bilddatei beizubehalten. Wenn Sie sowohl width als auch depth einstellen, wird der kleinere Wert verwendet und das Bild entsprechend skaliert.

Es gibt mehrere weitere Attribute, um Breite und Höhe zu steuern. Weitere Informationen über die Möglichkeiten finden Sie unter DocBook Bildgrößenreferenz.

Für die HTML5-Ausgabe können Sie die Funktionen Miniaturansichten und Lightbox für Bilder kombinieren, um kleine Bildversionen zu erhalten, die bei Auswahl vergrößert werden.

Tipp

So erhalten Sie die SVG-Funktionalität in HTML und HTML5:

  • Fügen Sie das Attribut format in Panel „Elementattribute“ hinzu und wählen Sie svg im Dropdown-Menü aus.

  • Verwenden Sie contentwidth und contentdepth anstelle von width und depth.

Format_SVG_small.jpg

So legen Sie die Attribute für die Bildgröße fest:

  1. Wählen Sie das Topic oder die Komponente im Content Manager aus, um es/sie im Editor zu öffnen.

    Content Manager in Paligo. It shows the Documents section contains an Acme 100 Topics folder. Inside the folder there is a publication and many topics, including "Connect to Network (100).

    Alternativ können Sie Topics erstellen und dieses bearbeiten.

  2. Wählen Sie das Bild aus, das Sie vergrößern möchten.

  3. Wählen Sie imagedata im Menü „Elementstruktur“ und dann Zum Element gehen aus.

    Element-Structure-Menu_Imagedata_small.png

  4. Fügen Sie das Attribut width oder contentwidth im Panel „Elementattribute“ hinzu.

  5. Stellen Sie den Wert auf die gewünschte Breite in Kombination mit einem der Maßeinheiten für die Bildgrößenbestimmung ein.

    Width_Element_Attributes_Panel_small.jpg

    Wenn keine Maßeinheit angegeben ist, werden die Größen standardmäßig in Pixeln (px) angegeben.

  6. Drücken Sie Speichern. Save icon.