Come estrarre un'immagine incorporata da un file SVG?

Ho un file SVG che contiene almeno un'immagine JPG / PNG incorporata all'interno. Voglio estrarre le immagini JPG / PNG da quel file SVG e salvarle sul disco.

Sto aggiungendo il inkscapetag in quanto è il programma che utilizzo per modificare i file SVG, ma accetto anche soluzioni che utilizzano altri strumenti.

La mia soluzione (o ... soluzione alternativa):

1. Seleziona l'immagine in Inkscape
2. Apri il built-in XML Editor( Shift+ Ctrl+ X)
3. Seleziona l' xlink:hrefattributo, che conterrà l'immagine come dati: URI
4. Copia l'intero data:URI
5. Incolla l' data:URI in un browser e salvalo da lì.

In alternativa, posso aprire il file SVG in qualsiasi editor di testo, individuare l' data:URI e copiarlo da lì.

Sebbene questa soluzione funzioni, è un po 'ingombrante e mi piacerebbe impararne una migliore.

C'è invece una soluzione migliore:

vai a Extensions -> Images -> Extract Image..., lì puoi salvare l'immagine raster selezionata come file. Tuttavia questa estensione funziona in modo strano e in qualche modo funziona piuttosto lentamente (ma perfettamente bene).

Un'altra nota: questa estensione è ingombrante e muore silenziosamente su varie immagini di grandi dimensioni. Inoltre, con un gran numero di immagini raster può aumentare l'utilizzo della memoria di inkscape a livelli orrendi (come 3 GB dopo solo una manciata di immagini estratte).

Dato che ho circa 20 file svg con circa 70 immagini raster al loro interno, ciascuna delle dimensioni di almeno 1 MB, avevo bisogno di una soluzione diversa. Dopo un breve controllo usando il suggerimento di Denilson Sá ho ideato il seguente script php, che estrae immagini da file 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);

In questo modo posso ottenere tutte le immagini che desidero e md5 mi evita di ottenere immagini ripetute.

Scommetto che ci deve essere un altro modo molto più semplice, ma spetta agli sviluppatori di inkscape farlo meglio.

Infine, anni dopo, ho scritto uno script per estrarre correttamente tutte le immagini da un file SVG, utilizzando una libreria XML appropriata per analizzare il codice SVG.

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

Questo script è scritto per Python 2.7 ma dovrebbe essere abbastanza facile da convertire in Python 3. Ancora meglio, dopo la conversione in Python 3.4 possono essere eliminate circa 50 linee, grazie alle nuove funzionalità introdotte in quella versione.

Come ulteriore soluzione alternativa, puoi salvare come PDF, quindi aprire quel documento con Inkscape.

Deseleziona "incorpora immagini" e bingo, tutti i png / jpeg verranno sparsi nella tua home directory.

Disordinato, ma più veloce che scherzare con i dati: URL.

Miglioramento del php-script di @Johnny_Bit . La nuova versione dello script può usare svg con nuove righe. Estrae più immagini dal file svg e le salva in file png esterni. I file svg e png si trovano nella directory 'svg', ma puoi cambiarlo nella costante '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>';
}

?>

Apri il tuo file in Inkscape e seleziona la bitmap che desideri esportare. Fai clic su File-> Esporta bitmap (Ctrl + Maiusc + E) e dovrebbe esportare solo la bitmap selezionata.