Como extrair uma imagem incorporada de um arquivo SVG?

Eu tenho um arquivo SVG que contém pelo menos uma imagem JPG / PNG incorporada. Quero extrair as imagens JPG / PNG desse arquivo SVG e salvá-las no disco.

Estou adicionando a inkscapetag, pois é o programa que uso para editar arquivos SVG, mas também aceito soluções usando outras ferramentas.

Minha própria solução (ou ... solução alternativa):

1. Selecione a imagem no Inkscape
2. Abra o built-in XML Editor( Shift+ Ctrl+ X)
3. Selecione o xlink:hrefatributo, que conterá a imagem como dados: URI
4. Copie o data:URI inteiro
5. Cole esse data:URI em um navegador e salve-o a partir daí.

Como alternativa, posso abrir o arquivo SVG em qualquer editor de texto, localizar o data:URI e copiá-lo a partir daí.

Embora essa solução funcione, é meio complicado e eu adoraria aprender uma melhor.

Há uma solução melhor:

vá para Extensions -> Images -> Extract Image...lá, você pode salvar a imagem raster selecionada como um arquivo. No entanto, esta extensão funciona de maneira estranha e, de alguma forma, funciona bem devagar (mas perfeitamente bem).

Outra observação: esta extensão é complicada e morre silenciosamente em várias imagens grandes. Além disso, com um grande número de imagens rasterizadas, ele pode elevar o uso da memória do inkscape para níveis horrendos (como 3 GB após apenas algumas imagens extraídas).

Como tenho cerca de 20 arquivos svg com cerca de 70 imagens raster cada, cada imagem com pelo menos 1 MB de tamanho, eu precisava de uma solução diferente. Após uma breve verificação usando a dica de Denilson Sá , criei o seguinte script php, que extrai imagens de arquivos 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);

Dessa forma, posso obter todas as imagens desejadas e o md5 me impede de obter imagens repetidas.

Aposto que deve haver outra maneira que seja muito mais simples, mas cabe aos desenvolvedores do inkscape fazê-lo melhor.

Finalmente, anos depois, escrevi um script para extrair corretamente todas as imagens de um arquivo SVG, usando uma biblioteca XML adequada para analisar o código SVG.

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

Este script foi escrito para o Python 2.7, mas deve ser bastante fácil de converter para o Python 3. Melhor ainda, cerca de 50 linhas podem ser excluídas após a conversão para o Python 3.4, devido aos novos recursos introduzidos nessa versão.

Como outra solução alternativa, você pode salvar como PDF e abrir esse documento com o Inkscape.

Desmarque "incorporar imagens" e bingo, todos os pngs / jpegs serão expelidos para o diretório inicial.

Confuso, mas mais rápido do que brincando com os dados: URL.

I melhorar o php-script de @Johnny_Bit . A nova versão do script pode usar svg com novas linhas. Extrai várias imagens do arquivo svg e as salva em arquivos png externos. Os arquivos SVG e PNG estão no diretório 'svg', mas você pode alterá-lo na 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>';
}

?>

Abra seu arquivo no Inkscape e selecione o bitmap que deseja exportar. Clique em Arquivo-> Exportar Bitmap (Ctrl + Shift + E) e ele deverá exportar apenas o bitmap selecionado.