Comment extraire une image incorporée d'un fichier SVG?

J'ai un fichier SVG qui contient au moins une image JPG / PNG intégrée à l'intérieur. Je veux extraire les images JPG / PNG de ce fichier SVG et les enregistrer sur le disque.

J'ajoute la inkscapebalise car c'est le programme que j'utilise pour éditer les fichiers SVG, mais j'accepte également les solutions utilisant d'autres outils.

Ma propre solution (ou ... solution de contournement):

1. Sélectionnez l'image dans Inkscape
2. Ouvrez le intégré XML Editor( Shift+ Ctrl+ X)
3. Sélectionnez l' xlink:hrefattribut, qui contiendra l'image en tant que données: URI
4. Copiez l' data:URI entier
5. Collez cet data:URI dans un navigateur et enregistrez-le à partir de là.

Alternativement, je peux ouvrir le fichier SVG dans n'importe quel éditeur de texte, localiser l' data:URI et le copier à partir de là.

Bien que cette solution fonctionne, elle est un peu lourde et j'aimerais en apprendre une meilleure.

Il y a une meilleure solution à la place:

aller à Extensions -> Images -> Extract Image... , là, vous pouvez enregistrer l'image raster sélectionnée sous forme de fichier. Cependant, cette extension fonctionne bizarrement et fonctionne en quelque sorte assez lentement (mais parfaitement bien).

Autre remarque: cette extension est encombrante et meurt silencieusement sur des images grandes et variées. De plus, avec un grand nombre d'images raster, cela peut augmenter l'utilisation de la mémoire d'Inkscape à des niveaux horribles (comme 3 Go après seulement une poignée d'images extraites).

Parce que j'ai environ 20 fichiers svg avec environ 70 images raster chacune, chaque image d'au moins 1 Mo, j'avais besoin d'une solution différente. Après une courte vérification à l'aide de la pointe Denilson Sá, j'ai conçu le script php suivant, qui extrait les images des fichiers svg:

#!/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);

De cette façon, je peux obtenir toutes les images que je veux et md5 m'évite d'obtenir des images répétées.

Je parie qu'il doit y avoir un autre moyen beaucoup plus simple, mais c'est aux développeurs d'Inkscape de le faire mieux.

Enfin, des années plus tard, j'ai écrit un script pour extraire correctement toutes les images d'un fichier SVG, en utilisant une bibliothèque XML appropriée pour analyser le code SVG.

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

Ce script est écrit pour Python 2.7 mais devrait être assez facile à convertir en Python 3. Encore mieux, environ 50 lignes peuvent être supprimées après la conversion en Python 3.4, en raison des nouvelles fonctionnalités introduites dans cette version.

Encore une autre solution de contournement, vous pouvez enregistrer au format PDF, puis ouvrir ce document avec Inkscape.

Décochez "incorporer des images", et bingo, tous les pngs / jpeg seront rejetés dans votre répertoire personnel.

Désordonné, mais plus rapide que de se moquer des données: URL.

J'améliore le script php-de @Johnny_Bit . La nouvelle version du script peut utiliser svg avec de nouvelles lignes. Il extrait plusieurs images sous forme de fichier svg et les enregistre dans des fichiers png externes. Les fichiers svg et png sont dans le répertoire 'svg', mais vous pouvez le changer dans la constante 'SVG_DIR'.

<?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>';
}

?>

Ouvrez votre fichier dans Inkscape et sélectionnez le bitmap que vous souhaitez exporter. Cliquez sur Fichier-> Exporter le bitmap (Ctrl + Shift + E) et il devrait exporter uniquement le bitmap sélectionné.