English Version

Dank David Wessel (infeurope S.A.) wurden wir darauf hingewiesen, dass die svg-Dateien durchaus private Informationen enthalten.

Mir ist aufgefallen, dass in den jeweiligen SVG-Versionen der Dateien noch einige Pfadangaben enthalten sind, welche teilweise Rückschlüsse auf den Inhalt ihrer Dateiablage geben können.

Das sieht dann z.B. so aus:

inkscape:export-filename="C:\Users\dieDesignerin\RRZE\berlios_rrze_icons\tango\720x720\actions\add-participant.png"

Nicht schlimm, aber auch nicht schön.

Etwas Suchen via Google brachte mich auf einen Fehlerreport bei Ubuntu Privacy concern with export-filename and sodipodi:absref. Aha – das Problem ist also nicht nur bekannt, sondern es haben noch mehr! Wirklich spannend wird es dann, denn Sebastian Pipping schreibt in Kommentar 7, dass er das Programm “svgstrip” erstellt, um diese Informationen zu entfernen. Also runtergeladen und angewendet. Das Tool hatte noch ein Problem mit UTF-8 Zeichen in den Metadaten, aber Sebastian hat den Fehler binnen 3 Tagen – und wie bei Open Source Software so oft – unentgeldlich behoben. Vielen Dank dafür. Und nun klappt es auch mit den UTF-8 Zeichen.

Also Datenschutz wieder hergestellt. Version der Grafiken committed.

Dumm nur, dass man dies nach jeden erneuten Speichern mit Inkscape wiederholen muss. Es müsste eine Option geben, Inkscape diese Unart abzukonfigurieren. Aber daran arbeite ich noch. Genau wie an einer Anleitung, wie man die Metadaten unter Windows entfernt. Vielleicht?! 😉

Hier kommt erstmal die Schritt-für-Schritt-Anleitung unter Linux.
Voraussetzung ist, dass git, svn und python installiert sind, aber wer sich auf die Befehlszeile traut, bekommt das auch hin. O:-)

1. Die aktuellste Version von svgstrip via git holen.
   git clone https://github.com/hartwork/svgstrip git/svgstrip
   (übrigens: ein git pull in dem neuen Verzeichnis hält die Version aktuell.)
2. In das Verzeichnis mit den Icons wechseln – in meinem Fall das RRZE Icon Set.
   cd svn/rrze-icon-set/trunk
3. Dann möchte ich alle svg-Dateien suchen und durch svgstrip bearbeiten lassen.
   for i in $(find . -name *.svg); do echo $i; ../../svgstrip/svgstrip --in-place $i; done;
4. und dann das Ganze zurück ins subversion.
   svn ci

Fertig!

Danke an David Wessel und Sebastian Pipping!

*Update – 20.07.2015: URL zum git-Repository von svgstrip angepasst*

Inkscape and privacy

David Wessel (infeurope S.A.) was kind enough to inform us that svg files can, in fact, contain private information.

I noticed that svg versions of files still contain parts of the files’ paths, which allows inference of the original file system.

It looks like this:

inkscape:export-filename="C:\Users\dieDesignerin\RRZE\berlios_rrze_icons\tango\720x720\actions\add-participant.png"

Not too bad, but not very nice, either.

Some searching with Google led me to an error report for Ubuntu: Privacy concern with export-filename and sodipodi:absref. So not only is the problem already known, others are having it as well. Now it’s getting interesting, as Sebastian Pipping writes in commentary 7 that he wrote the program “svgstrip” to get rid of this information. I downloaded the program and ran it. The tool still had a problem with UTF-8 characters in the Metadata, but Sebastian fixed that bug within 3 days. And, like most of the time with Open Source Software, for free.And now, UTF-8 characters are no longer a problem.

Data security is once again intact. New versions of the graphics were committed.

On the down side, this needs to be repeated every time you save a file with Inkscape. There ought to be an option to configure what is saved in svg files. But I’m still working on that. I’m also working on instructions how to remove the metadata under Windows. Maybe?

For now, I give you a step by step instruction for Linux.
You need svn and python installed, but if you are confident to use the command line, you will manage that, too. O:-)

1. Get an up to date version of svgstrip with git.
   git clone https://github.com/hartwork/svgstrip git/svgstrip
   (by the way: git pull in the new directory keeps the version up to date.)
2. Change into your icon directory ? in my case that is the RRZE Icon Set.
   cd svn/rrze-icon-set/trunk
3. Now I would like to search for all svg files and edit them with svgstrip.
   for i in $(find . -name *.svg); do echo $i; ../../svgstrip/svgstrip --in-place $i; done;
4. and finally, send it all back into the subversion
   svn ci

Finished!

Thanks to David Wessel and Sebastian Pipping!

*Update – 20.07.2015: changed URL to the git repository of svgstrip*

Bei den mit Inkscape gezeichneten Tango-Icons war es wichtig, dass sie alle quadratisch sind. Daher habe ich sie mit einem unsichtbaren quadratischen Rahmen hinterlegt. Dieser wird beim Skalieren etc. mitgenommen und sorgt so für gleich bleibende Proportionen.

Zunächst war es schwierig, diesen Rahmen auszuwählen, denn wenn erst einmal ?Keine Füllung? und ?Keine Linie? gesetzt ist kann man den Rahmen nicht mehr mit dem Mauszeiger anfassen, was aus meiner Sicht sehr unschön ist.

Im Inkscape kann man ?drum herum? arbeiten, indem man alle anderen Objekte gruppiert und diese Gruppe auswählt und dann mit ?!? die Auswahl umkehrt.

Nicht sehr Benutzerfreundlich ? wenn jemand weiß, wie es besser geht, bin ich für Hinweise dankbar.

Invisible background frames to get a consistent picture size

For the Tango-Icons I created with Inkscape, it was important for them to fit into a square frame. For that purpose I put an invisible square frame behind them. This was carried over when scaling etc, and made for even proportions.

First of all it was rather difficult to select this frame. Since there was no line or filling to select, the frame could not be gripped with the cursor, which I found rather tedious.

In Inkscape, you can get around this problem by selecting all the objects around it, and then inverting the selection.

This is not very user friendly, and if anyone knows a better solution, I would be grateful to hear about it.

Bei übereinander liegenden Objekten kann man das untere Objekte mithilfe der gedrückten ALT-Taste mit der Maus anwählen ? das ist ein Vorteil. Leider ist es dann aber nicht möglich das gewählte Objekt doppelt anzuklicken um es zu drehen.

Sehr positiv: Im Gegensatz zu vielen anderen Programmen behält Inkscape
die Auswahl bei, auch wenn man ein oder zwei Kontextmenüs zwischenzeitlich
aufklappt.

Ein weiterer Vorteil: Positionieren geht Relativ zu erster oder letzter Auswahl, das ist sehr
hilfreich!

Working with Inkscape part 3: Selecting and positioning

When there are several objects on top of each other, the lower one can be selected by holding ALT and clicking the object with the mouse. This is an advantage. It is not possible, however, to rotate the selected object by double-clicking.

Very positive: In contrast to a lot of other programmes, Inkscape keeps the current selection active, even when several context menus are opened in the meantime.

Another advantage: You can position in relation to your first or last selection, which is very helpful.

Der Schatten ist schwierig zu handhaben, da er extra gezeichnet wird und nicht wie in anderen Programmen automatisch generiert werden kann. Gut gelöst ist der Import einer Vektorgrafik mit Schatten z.B. aus dem Illustrator: Dabei wird der Schatten, der dort der Figuren-Eigenschaft zugeordnet ist automatisch in eine eigene Figur konvertiert.

Ein Vorteil von Inkscape: Es sind sehr viele schöne Verläufe vordefiniert ? dafür gibt es im Illustrator vordefinierte kombinierte Stile, die sich schnell anwenden lassen. Im Inkscape müssen diese ?von Hand? gezeichnet werden.

Die Verlaufs-Definition in Inkscape ist nicht ganz problemfrei ? man muss wissen, dass ein Verlauf, der in zwei Dateien den selben Namen hat, aber unterschiedlich definiert ist automatisch für ein Objekt verwendet wird, das man in die zweite Datei hinein kopiert. Hier wäre ein Abfrage hilfreich mit der Option den bestehenden Verlauf umzubenennen und damit beizubehalten.

Häufiger hatte ich auch das Problem, dass Inkscape Verlaufsdateien nicht gefunden hat (sie wurden im Fenster nicht angezeigt, obwohl ich sie definiert hatte) und manchmal konnte ich Dateien, die angezeigt wurden nicht auswählen, oder grundsätzlich keine anderen auswählen, als die bereits im Bild vorhandene. Bisher konnte ich nicht herausfinden woran es liegt ? sollte unter den Lesern ein Inkscape-Crack sein, der mir weiterhelfen möchte: Ich bin für Tipps dankbar!

Working with Inkscape part 2 – shades and colour gradients

Shades are difficult to handle, because they are drawn separately, and cannot be generated automatically as in other programmes. The solution for importing vector graphics (e.g. from Illustrator) is very nice, however: Shades (which are attached to the figure’s properties in Illustrator) are converted into separate figures.

One of the advantages of Inkscape: There are a lot of very nice predefined gradients. Illustrator, on the other hand, has predefined combineable styles that can be used very quickly. In Inkscape, they have to be drawn manually.

Defining gradients is not entirely unproblematic in Inkscape. If two files have the same name for different gradients, the first one gets overwritten when copying a gradient from one file to another. A query giving the option to rename the existing gradient would be helpful here.

Several times I had the problem that Inkscape did not find gradient files (they were not shown in the window, even though I had defined them previously), and several times I could not chose files that were shown, or I could only chose those gradients that were already in the picture. I had no luck determining the reason for this, so far. If there are any Inkscape aces among the readers who want to help me: I would appreciate any help you can give.

Die Erstellung der Tango-Icons habe ich genutzt mich von Adobe Illustrator weg zu bewegen und mich in Inkscape einzuarbeiten.

Da Inkscape im Gegensatz zum Illustrator Open Source Software ist, hatte ich zunächst meine Bedenken, die jedoch schnell zerstreut wurden. Das Programm ist übersichtlich und intuitiv zu handhaben ? wer schon ein Vektorgrafikprogramm beherrscht und etwas Erfahrung mit der Erstellung von Vektorgrafiken mitbringt kann damit rechnen, dass er sehr schnell auch mit Inkscape zurecht kommt.

Wenn man sich Inkscape installieren möchte, ist ein schneller Rechner von Vorteil und auch am Arbeitsspeicher sollte man nicht sparen. Inkscape benötigt sehr viele Ressourcen und neigt leider auch zum Abstürzen ? deswegen ist es sinnvoll ab und zu mal zu speichern.

Working with Inkscape, part 1

I used the creation of the new Tango icons to move away from Adobe Illustrator and familiarize myself with Inkscape.

In contrast to Illustrator, Inkscape is Open Source software, so I was sceptical at first. My concerns were soon resolved, however, because Inkscape is very clearly arranged and can be used intuitively. If you’ve worked with a vector graphics program before, and are at least somewhat experienced in creating vector graphics, you’ll get used to Inkscape very fast.

If you want to install Inkscape, you will need a fast computer with enough memory, as well. Inkscape uses up a lot of resources, and also tends to crash every now and then, so remember to save early and save often.