Wie extrahiere ich ein eingebettetes Bild aus einer SVG-Datei?

Ich habe eine SVG-Datei, die mindestens ein eingebettetes JPG / PNG-Bild enthält. Ich möchte die JPG / PNG-Bilder aus dieser SVG-Datei extrahieren und auf der Festplatte speichern.

Ich füge das inkscapeTag hinzu, da es das Programm ist, mit dem ich SVG-Dateien bearbeite, aber ich akzeptiere auch Lösungen, die andere Tools verwenden.

Meine eigene Lösung (oder ... Problemumgehung):

1. Wählen Sie das Bild in Inkscape aus
2. Öffnen Sie das eingebaute XML Editor( Shift+ Ctrl+ X)
3. Wählen Sie das xlink:hrefAttribut aus, das das Bild als Daten enthalten soll: URI
4. Kopieren Sie die gesamte data:URI
5. Fügen Sie diesen data:URI in einen Browser ein und speichern Sie ihn dort.

Alternativ kann ich die SVG-Datei in einem beliebigen Texteditor öffnen, die data:URI suchen und von dort kopieren.

Obwohl diese Lösung funktioniert, ist sie etwas umständlich und ich würde gerne eine bessere lernen.

Stattdessen gibt es eine bessere Lösung:

Gehen Sie zu Extensions -> Images -> Extract Image..., dort können Sie das ausgewählte Rasterbild als Datei speichern. Allerdings funktioniert diese Erweiterung seltsam und irgendwie ziemlich langsam (aber vollkommen gut).

Noch ein Hinweis: Diese Erweiterung ist umständlich und stirbt lautlos bei unterschiedlich großen Bildern. Mit einer großen Anzahl von Rasterbildern kann die Speichernutzung von inkscape auf entsetzliche Ebenen gesteigert werden (z. B. 3 GB nach nur einer Handvoll extrahierter Bilder).

Da ich ungefähr 20 SVG-Dateien mit jeweils ungefähr 70 Rasterbildern habe, von denen jedes mindestens 1 MB groß ist, brauchte ich eine andere Lösung. Nach einer kurzen Überprüfung mit Denilson Sá tip habe ich das folgende PHP-Skript entwickelt, das Bilder aus SVG-Dateien extrahiert:

#!/usr/bin/env php
<?php

$svgs = glob('*.svg');

$existing = array();

foreach ($svgs as $svg){
    mkdir("./{$svg}.images");
    $lines = file($svg);
    $img = 0;
    foreach ($lines as $line){
        if (preg_match('%xlink:href="data:([a-z0-9-/]+);base64,([^"]+)"%i', $line, $regs)) {
            $type = $regs[1];
            $data = $regs[2];
            $md5 = md5($data);
            if (!in_array($md5, $existing)) {
                $data = str_replace(' ', "\r\n", $data);
                $data = base64_decode($data);
                $type = explode('/', $type);
                $save = "./{$svg}.images/{$img}.{$type[1]}";
                file_put_contents($save, $data);
                $img++;
                $existing[] = $md5;
            }
        } else {
            $result = "";
        }
    }
}

echo count($existing);

Auf diese Weise kann ich alle gewünschten Bilder abrufen, und md5 erspart mir das wiederholte Abrufen von Bildern.

Ich wette, es muss einen anderen Weg geben, der viel einfacher ist, aber es liegt an den inkscape-Entwicklern, es besser zu machen.

Schließlich habe ich Jahre später ein Skript geschrieben, um alle Bilder aus einer SVG-Datei korrekt zu extrahieren und den SVG-Code mithilfe einer geeigneten XML-Bibliothek zu analysieren.

http://bitbucket.org/denilsonsa/small_scripts/src/tip/extract_embedded_images_from_svg.py

Dieses Skript wurde für Python 2.7 geschrieben, sollte sich aber recht einfach in Python 3 konvertieren lassen. Noch besser ist, dass nach der Konvertierung in Python 3.4 aufgrund der in dieser Version eingeführten neuen Funktionen etwa 50 Zeilen gelöscht werden können.

Als weitere Problemumgehung können Sie das Dokument als PDF speichern und anschließend mit Inkscape öffnen.

Deaktivieren Sie "Bilder einbetten" und Bingo, alle PNGs / JPEGs werden in Ihr Home-Verzeichnis ausgespuckt.

Chaotisch, aber schneller, als mit den Daten herumzuspielen: URL.

Ich verbessere das PHP-Skript von @Johnny_Bit . Neue Version des Skripts kann Svg mit neuen Zeilen verwenden. Es extrahiert mehrere Bilder aus einer SVG-Datei und speichert sie in externen PNG-Dateien. Svg- und png-Dateien befinden sich im Verzeichnis 'svg', können jedoch in der Konstanten 'SVG_DIR' geändert werden.

<?php

define ( 'SVG_DIR', 'svg/' );
define ( 'SVG_PREFIX', 'new-' );

$svgs = glob(SVG_DIR.'*.svg');
$external = array();
$img = 1;

foreach ($svgs as $svg) {
    echo '<p>';
    $svg_data = file_get_contents( $svg );
    $svg_data = str_replace( array("\n\r","\n","\r"), "", $svg_data);
    $svg_file = substr($svg, strlen(SVG_DIR) );
    echo $svg_file.': '.strlen($svg_data).' ????';

    if ( preg_match_all( '|<image[^>]+>|', $svg_data, $images, PREG_SET_ORDER) ) {
        foreach ($images as $image_tag) {

            if ( preg_match('%xlink:href="data:([a-z0-9-/]+);base64,([^"]+)"%i', $image_tag[0], $regs) ) {
                echo '<br/>Embeded image has benn saved to file: ';

               $type = $old_type = $regs[1];
               $data = $old_data = $regs[2];
               $md5 = md5($data);
               if ( array_key_exists($md5, $external) ) {
                $image_file = $external[$md5];
               } else {
                    $data = str_replace(" ", "\r\n", $data);
                    $data = base64_decode($data);
                    $type = explode('/', $type);
                    $image_file = substr( $svg_file, 0, strlen($svg_file)-4 ) . '-' . ($img++) . '.png';
                    file_put_contents(SVG_DIR.$image_file, $data);
                    $external[$md5] = $image_file;
               }
               echo $image_file;
               $svg_data = str_replace('xlink:href="data:'.$old_type.';base64,'.$old_data.'"', 'xlink:href="'.$image_file.'"', $svg_data);
            }
        }
        file_put_contents(SVG_DIR.SVG_PREFIX.'.svg', $svg_data);
    }

   echo '</p>';
}

?>

Öffnen Sie Ihre Datei in Inkscape und wählen Sie die zu exportierende Bitmap aus. Klicken Sie auf Datei-> Bitmap exportieren (Strg + Umschalt + E), um nur die ausgewählte Bitmap zu exportieren.