¿Cómo extraer una imagen incrustada de un archivo SVG?

Tengo un archivo SVG que contiene al menos una imagen JPG / PNG incrustada dentro. Quiero extraer las imágenes JPG / PNG de ese archivo SVG y guardarlas en el disco.

Estoy agregando la inkscapeetiqueta, ya que es el programa que uso para editar archivos SVG, pero también acepto soluciones con otras herramientas.

Mi propia solución (o ... solución):

1. Seleccione la imagen en Inkscape
2. Abra el incorporado XML Editor( Shift+ Ctrl+ X)
3. Seleccione el xlink:hrefatributo, que contendrá la imagen como datos: URI
4. Copie el data:URI completo
5. Pegue ese data:URI en un navegador y guárdelo desde allí.

Alternativamente, puedo abrir el archivo SVG en cualquier editor de texto, ubicar el data:URI y copiarlo desde allí.

Aunque esta solución funciona, es un poco engorrosa y me encantaría aprender una mejor.

Hay una mejor solución en su lugar:

vaya a Extensions -> Images -> Extract Image..., allí puede guardar la imagen ráster seleccionada como un archivo. Sin embargo, esta extensión funciona de manera extraña y de alguna manera funciona bastante lento (pero perfectamente bien).

Otra nota: esta extensión es engorrosa y muere en silencio en varias imágenes grandes. Además, con una gran cantidad de imágenes ráster, puede aumentar el uso de memoria de Inkscape a niveles horrendos (como 3GB después de solo un puñado de imágenes extraídas).

Debido a que tengo alrededor de 20 archivos svg con aproximadamente 70 imágenes ráster en cada uno, cada imagen de al menos 1 MB de tamaño, necesitaba una solución diferente. Después de una breve comprobación con el consejo de Denilson Sá , ideé el siguiente script php, que extrae imágenes de los archivos 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 esta forma puedo obtener todas las imágenes que quiero, y md5 me evita obtener imágenes repetidas.

Apuesto a que debe haber otra forma que sea mucho más simple, pero depende de los desarrolladores de Inkscape hacerlo mejor.

Finalmente, años después, escribí un script para extraer correctamente todas las imágenes de un archivo SVG, usando una biblioteca XML adecuada para analizar el código SVG.

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

Este script está escrito para Python 2.7, pero debería ser bastante fácil de convertir a Python 3. Aún mejor, se pueden eliminar alrededor de 50 líneas después de la conversión a Python 3.4, debido a las nuevas características introducidas en esa versión.

Como otra solución alternativa, puede guardar como PDF y luego abrir ese documento con Inkscape.

Desmarque "incrustar imágenes" y bingo, todos los png / jpegs se incluirán en su directorio de inicio.

Desordenado, pero más rápido que jugar con los datos: URL.

Mejoro el php-script de @Johnny_Bit . La nueva versión del script puede usar svg con nuevas líneas. Extrae múltiples imágenes del archivo svg y las guarda en archivos png externos. Los archivos SVG y PNG están en el directorio 'svg', pero puede cambiarlo en 'SVG_DIR' constante.

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

?>

Abra su archivo en Inkscape y seleccione el mapa de bits que desea exportar. Haga clic en Archivo-> Exportar mapa de bits (Ctrl + Shift + E) y debería exportar solo el mapa de bits seleccionado.