Difference between revisions of "Improved Media Management"

From Inkscape Wiki
Jump to navigation Jump to search
 
(8 intermediate revisions by 2 users not shown)
Line 28: Line 28:
 
=Issues=
 
=Issues=
  
Note: first two issues describe problems that are inherent, while the third lists issues that are specific to Inkscape and its current feature set.
+
Note: first two lists describe problems that are inherent, while the third has issues that are specific to Inkscape and its current feature set.
  
 
Issues with links:
 
Issues with links:
Line 36: Line 36:
 
* If relative links are used, moving SVG with linked assets to another directory can break it.
 
* If relative links are used, moving SVG with linked assets to another directory can break it.
 
* If absolute links are used, moving SVG and its linked assets to a different computer can break it.
 
* If absolute links are used, moving SVG and its linked assets to a different computer can break it.
* Editing linked images externally or using ImageMagick extensions might unexpectedly overwrite valuable images, if the user is not aware that he created a link to the original.
+
* Editing linked images externally or using ImageMagick extensions might unexpectedly overwrite valuable images.
  
 
Issues with embedding:
 
Issues with embedding:
* Embedding assets increases their size by 33%. For Web-hosted SVGs, this increases bandwidth usage.
+
* Embedding assets increases their size by 33%.
* Embedding prevents sharing of linked assets (same PNG in multiple SVG files, etc.)
+
** For Web-hosted SVGs, this increases bandwidth usage.
 +
* Embedding prevents sharing of linked assets across documents (e.g. same PNG background in multiple SVG files)
 
* Text-editing an SVG with embedded images is resource-intensive.
 
* Text-editing an SVG with embedded images is resource-intensive.
 
* Embedding copyrighted fonts in the document might be illegal.
 
* Embedding copyrighted fonts in the document might be illegal.
Line 47: Line 48:
 
* Paste has become disconnected from drag-n-drop. They should use a unified code path, and behaviors need to be consistent.
 
* Paste has become disconnected from drag-n-drop. They should use a unified code path, and behaviors need to be consistent.
 
* Pasting an image selection results in a auto-generated .png file with a deterministic, but meaningless name being created in the document's directory.
 
* Pasting an image selection results in a auto-generated .png file with a deterministic, but meaningless name being created in the document's directory.
** Pasting an image into an unsaved document on Windows requires administrator privileges. This is because if the document's directory is unwritable or not known, Inkscape writes the file to the current directory. On Windows, that's the installation directory.
+
** Pasting an image into an unsaved document on Windows requires administrator privileges. This is because if the document's directory is unwritable or not known, Inkscape writes the file to the program's current directory. On Windows, that's the installation directory.
** On Linux, pasting into an unsaved document usually creates the images in the user's home directory, but it depends on the directory from which Inkscape was started.
+
** On Linux, pasting into an unsaved document usually creates the image file in the user's home directory, but it depends on the directory from which Inkscape was started.
** Cannot paste into a document opened from a read-only directory.
+
** It's not possible to paste images into a document opened from a read-only directory.
 +
** Users often don't expect this behavior, and don't include the created image files along with the document when sending it to others or uploading them to web servers, which results in broken documents.
 
* Embedded bitmaps cannot be edited externally.
 
* Embedded bitmaps cannot be edited externally.
 
* Link management / embedding management should be uniform across many asset types, not just those referenced in <image> elements.
 
* Link management / embedding management should be uniform across many asset types, not just those referenced in <image> elements.
Line 59: Line 61:
 
** References to SVG content in other documents, for example SVG fonts
 
** References to SVG content in other documents, for example SVG fonts
 
** Embedded binary fonts (TTF, OTF, etc.)
 
** Embedded binary fonts (TTF, OTF, etc.)
* SVG images have been reported to always embed. (Must verify this)
+
* It's not possible to create a link to another SVG image.
 
* Inkboard does not transmit linked images. In fact it doesn't currently work at all.
 
* Inkboard does not transmit linked images. In fact it doesn't currently work at all.
 
* Links containing ".." are not handled correctly. (?)
 
* Links containing ".." are not handled correctly. (?)
 
* To embed a linked image or extract an embedded image, the user must use extensions, which is poorly discoverable.
 
* To embed a linked image or extract an embedded image, the user must use extensions, which is poorly discoverable.
 +
 +
 +
== Related Bugs ==
 +
 +
This is a collection of related bugs to help give an overview of user problems:
 +
 +
* [https://bugs.launchpad.net/inkscape/+bug/165952 165952] png resolution not imported
 +
* [https://bugs.launchpad.net/inkscape/+bug/170628 170628] Paste raster image
 +
* [https://bugs.launchpad.net/inkscape/+bug/170931 170931] Gradient collection
 +
* [https://bugs.launchpad.net/inkscape/+bug/171169 171169] export/import/edit/generate color palettes
 +
* [https://bugs.launchpad.net/inkscape/+bug/171543 171543] Please support non-square pixels in bitmaps
 +
* [https://bugs.launchpad.net/inkscape/+bug/171584 171584] Assumed/specified import DPI
 +
* [https://bugs.launchpad.net/inkscape/+bug/171842 171842] Add an option to the preferences-dialog: "Auto embed images"
 +
* [https://bugs.launchpad.net/inkscape/+bug/272520 272520] Dragging and dropping images into the inkscape document always creates an absolute link
 +
* [https://bugs.launchpad.net/inkscape/+bug/297702 297702] Cannot open SVG file that was saved from a PDF opened with "Embed Images" option set
 +
* [https://bugs.launchpad.net/inkscape/+bug/355028 355028] Embed images fails silently when images are in a locked layer
 +
* [https://bugs.launchpad.net/inkscape/+bug/386069 386069] Embed extension fails
 +
* [https://bugs.launchpad.net/inkscape/+bug/386664 386664] "Gather Resources" option for gathering fonts and images
 +
* [https://bugs.launchpad.net/inkscape/+bug/388919 388919] showstopper: font embedding doesn't work as expected
 +
* [https://bugs.launchpad.net/inkscape/+bug/415374 415374] Include an option to embed bitmaps in "Save As"
 +
* [https://bugs.launchpad.net/inkscape/+bug/441179 441179] File->Import always uses ~/Desktop as the default path
 +
* [https://bugs.launchpad.net/inkscape/+bug/499252 499252] edit bitmap externally doesn't follow file path
 +
* [https://bugs.launchpad.net/inkscape/+bug/501627 501627] No Drag and Drop from Ksnapshot possible: Now produces linked image not found
  
 
=Proposals=
 
=Proposals=
  
* Default to embedding images when pasting and Drag and Dropping pixel data
+
* Default to embedding images when pasting and Drag and Dropping.
* When Drag and Dropping a file, ask whether to embed or to link
+
* Create a pref setting that allows the user to set the default paste and DnD behavior to linking.
* Add a link option to the import dialog that defaults to off
+
* When Drag and Dropping a file with the right mouse button (Windows) or middle mouse button (Linux), ask whether to embed or to link.
* Embedded images as hybrid links: embedded raster data with info about its original location. If the original file exists, it is watched for modifications and updated
+
* Import dialog should have 2 radio buttons: "Embed" and "Link", with "Embed" being selected by default.
 +
* Create a dialog that lists external and embedded media referenced by the document.
 +
* Provide a right click menu item for images: Embed / Extract (which one is displayed would depend on whether the image is linked or embedded).
 +
* Provide a right click menu item to fix broken links.
 +
* Allow the user to select between an absolute and relative link when importing.
  
 
=HID=
 
=HID=
 +
 +
* Presentations
 +
** [http://river-valley.tv/ingimp-a-smorgasbord-of-usability-adaptive-uis-and-visually-arresting-graphic-design-for-2009/ ingimp: A Smorgasbord of Usability, Adaptive UIs, and Visually Arresting Graphic Design for 2009] - Michael Terry
 +
** [http://www.infoq.com/presentations/pragmatic-personas Pragmatic Personas: Putting the User back in User Stories] - Jeff Patton

Latest revision as of 09:55, 3 January 2010

Overview

This set of issues generally is first seen due to problems managing linked vs. embedded images. However it quickly becomes clear that the underlying principals and problems extend across the board to many things including CSS files, ICC profile files, etc.

Use Cases

Cases

  • Arthur wants to create a collage using some bitmaps. He drags 2 images from Firefox into an SVG document, pastes a third one from GIMP and imports 4 other from his photo folder. He increases the contrast on one of them. He saves the document and sends the SVG using e-mail to a friend. He doesn't know much about links, so he does not include the original images in his e-mail.
  • Issa works on a multi-user system at an university. She opens a scientific poster template from a shared read-only folder. She pastes photos of samples into the document, then saves the poster in her home folder.
  • Charlie uses Inkscape to add vector frames to his photos. He wants to be able to post-process the images without updating the SVG document. He creates an image link.
  • Sara is a web designer and has SVG documents with lots of absolute image links. She moves all the images to another folder. The links break, which is not surprising to her. She wants to fix all the links at once.
  • Billy wants to edit an image embedded in the SVG document he received from Arthur.

Personas

Use cases are helpful, but in order to gain the most we need to know who are the users under discussion. This is a general Usability Design issue and we have some overall information being collected under our wiki section on User Personas. The specific user personas referenced in these cases on this page are:

  • Arthur - 40-year old department store owner and amateur photographer who uses Windows. He has no idea what SVG stands for, but is familiar with pasting images into MS Word documents.
  • Issa - 21-year old undergrad student of chemistry with some generic Unix experience, but no SVG or Web technologies experience.
  • Charlie - 35-year old US Navy nuclear propulsion engineer on an overseas deplyoment who misses his family and likes to learn time-saving tricks.
  • Sara - 30-year old Web designer with extensive knowledge of Web technologies and some experience with hand-tweaked SVG documents.
  • Billy - 16-year old son of Arthur, a high school student and Wikipedia contributor experimenting with free software. Uses Inkscape from time to time to update world maps and draw diagrams.

Issues

Note: first two lists describe problems that are inherent, while the third has issues that are specific to Inkscape and its current feature set.

Issues with links:

  • Unsophisticated users might not understand how linked assets work.
  • When moving SVG to another computer (via e-mail or to a web server), users can forget to include the linked assets.
  • When the linked asset is moved, the SVG will break.
  • If relative links are used, moving SVG with linked assets to another directory can break it.
  • If absolute links are used, moving SVG and its linked assets to a different computer can break it.
  • Editing linked images externally or using ImageMagick extensions might unexpectedly overwrite valuable images.

Issues with embedding:

  • Embedding assets increases their size by 33%.
    • For Web-hosted SVGs, this increases bandwidth usage.
  • Embedding prevents sharing of linked assets across documents (e.g. same PNG background in multiple SVG files)
  • Text-editing an SVG with embedded images is resource-intensive.
  • Embedding copyrighted fonts in the document might be illegal.

Issues with the current implementation:

  • Paste has become disconnected from drag-n-drop. They should use a unified code path, and behaviors need to be consistent.
  • Pasting an image selection results in a auto-generated .png file with a deterministic, but meaningless name being created in the document's directory.
    • Pasting an image into an unsaved document on Windows requires administrator privileges. This is because if the document's directory is unwritable or not known, Inkscape writes the file to the program's current directory. On Windows, that's the installation directory.
    • On Linux, pasting into an unsaved document usually creates the image file in the user's home directory, but it depends on the directory from which Inkscape was started.
    • It's not possible to paste images into a document opened from a read-only directory.
    • Users often don't expect this behavior, and don't include the created image files along with the document when sending it to others or uploading them to web servers, which results in broken documents.
  • Embedded bitmaps cannot be edited externally.
  • Link management / embedding management should be uniform across many asset types, not just those referenced in <image> elements.
    • Raster images (PNG, JPEG, SVG, others)
    • ICC color profiles
    • CSS stylesheets
    • GIMP palettes, SwatchBook files
    • Scripts
    • References to SVG content in other documents, for example SVG fonts
    • Embedded binary fonts (TTF, OTF, etc.)
  • It's not possible to create a link to another SVG image.
  • Inkboard does not transmit linked images. In fact it doesn't currently work at all.
  • Links containing ".." are not handled correctly. (?)
  • To embed a linked image or extract an embedded image, the user must use extensions, which is poorly discoverable.


Related Bugs

This is a collection of related bugs to help give an overview of user problems:

  • 165952 png resolution not imported
  • 170628 Paste raster image
  • 170931 Gradient collection
  • 171169 export/import/edit/generate color palettes
  • 171543 Please support non-square pixels in bitmaps
  • 171584 Assumed/specified import DPI
  • 171842 Add an option to the preferences-dialog: "Auto embed images"
  • 272520 Dragging and dropping images into the inkscape document always creates an absolute link
  • 297702 Cannot open SVG file that was saved from a PDF opened with "Embed Images" option set
  • 355028 Embed images fails silently when images are in a locked layer
  • 386069 Embed extension fails
  • 386664 "Gather Resources" option for gathering fonts and images
  • 388919 showstopper: font embedding doesn't work as expected
  • 415374 Include an option to embed bitmaps in "Save As"
  • 441179 File->Import always uses ~/Desktop as the default path
  • 499252 edit bitmap externally doesn't follow file path
  • 501627 No Drag and Drop from Ksnapshot possible: Now produces linked image not found

Proposals

  • Default to embedding images when pasting and Drag and Dropping.
  • Create a pref setting that allows the user to set the default paste and DnD behavior to linking.
  • When Drag and Dropping a file with the right mouse button (Windows) or middle mouse button (Linux), ask whether to embed or to link.
  • Import dialog should have 2 radio buttons: "Embed" and "Link", with "Embed" being selected by default.
  • Create a dialog that lists external and embedded media referenced by the document.
  • Provide a right click menu item for images: Embed / Extract (which one is displayed would depend on whether the image is linked or embedded).
  • Provide a right click menu item to fix broken links.
  • Allow the user to select between an absolute and relative link when importing.

HID