Useful SVGO[ptimization] Tools
One of the steps you need to do when working with SVG is optimizing the SVG code after exporting it from the editor and before embedding in on your web page. For that, several standalone optimization tools exits. The two tools I usually mention in my articles and talks are Peter Collingridge's online editor, and SVGO. In this article, I'm going to introduce you to a new SVGO Tool that provides us
![Useful SVGO[ptimization] Tools](https://cdn-ak-scissors.b.st-hatena.com/image/square/be710f0cfba0ffcfbcc774d61d4befcb8beaebd4/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fsarasoueidan.com%2Fog.png)
Inkscapeã®CLIを利用ã—ã¦SVGã‹ã‚‰PNGã¸å¤‰æ›
Inkscapeã«ã¯CLIãŒã‚ã£ãŸã‚‰ã—ã„。ã“れを利用ã™ã‚‹ã¨SVGã‹ã‚‰æ§˜ã€…ãªãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã€ç‰¹ã«PNGã¸ã®å¤‰æ›ã‚’自動化ã—ã‚„ã™ããªã‚‹ã€‚最åˆPhantomJSã¨canvas使ã£ã¦ã‚„ã‚ã†ã‹ã¨ã‹éŒ¯ä¹±ã—ã¦ãŸã€‚後出ã—ã ã‘ã©SVG Advent Calendar 2014ã®12日目ã®è¨˜äº‹ã¨ã„ã†ã“ã¨ã«ã—ã¦ãŠã“ã†ã€‚ 例ãˆã°in.svgã‚’å¹…256ピクセルã®PNGファイルã¨ã—ã¦out.pngã«å¤‰æ›ã—ãŸã„ã¨ã™ã‚‹ã€‚Inkscapeã®å®Ÿè¡Œãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªãƒ¼ã¸ãƒ‘スãŒé€šã£ã¦ã„ã‚‹ã¨ã™ã‚‹ã¨ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚ªãƒ—ションã§å®Ÿè¡Œã™ã‚Œã°å¤‰æ›ã•ã‚Œã‚‹ã€‚ $ inkscape --without-gui --export-width=256 --file=in.svg --export-png=out.png --without-guiã§GUIã®èµ·å‹•ã‚’無効ã«ã—ã€--export-widthã§å¹…ã‚’(高ã•ã¯ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ç¶æŒã—ã¦ãれる)ã€--f
Inkscapeã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ãƒ¼ãŒChromeã§ã®SVG表示を壊ã™
Inkscapeã®v0.91pre2ãŒå‡ºãŸã®ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸã¨ã“ã‚ã€ãƒãƒ¼ã‚«ãƒ«ã®SVGファイルãŒChromeã§è¡¨ç¤ºã§ããªããªã£ãŸã€‚ã©ã†ã‚‚Inkscapeã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ãƒ¼(多分安定版ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ãƒ¼ã§ã¯èµ·ã“らãªã„)ãŒé–¢é€£ä»˜ã‘を変ãˆã‚‹æ™‚ã«é–“é•ã£ãŸContent-Typeã‚’è¨å®šã—ã¦ã—ã¾ã†ã“ã¨ãŒåŽŸå› ã®ã‚ˆã†ã 。 修復ã¯ãƒ¬ã‚¸ã‚¹ãƒˆãƒªãƒ»ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã§è¡Œã†ã®ãŒä¸€ç•ªæ—©ãã†ã€‚ HKEY_CLASSES_ROOT\.svg ã‚’é–‹ãã€Content Typeã¨ã„ã†åå‰ã®æ–‡å—列ã®å€¤ã‚’image/svg+xmlã«ã™ã‚‹ã‹å‰Šé™¤ã™ã‚‹ã€‚ Chromeã«é™ã‚‰ãšFirefoxã§ã‚‚åŒæ§˜ã®ã“ã¨ãŒèµ·ã“るらã—ã„。ã¾ãŸBracketsã®ã‚ˆã†ãªå†…部ã§WebKitを利用ã—ã¦ã„ã‚‹ã‚‚ã®ã§ã‚‚ä¼¼ãŸã‚ˆã†ãªç¾è±¡ã¨ã—ã¦ãƒ„ールãƒãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒè¡¨ç¤ºã•ã‚Œãªããªã‚‹ã“ã¨ãŒã‚るらã—ã„。ã“れらã§å›°ã£ã¦ã„る人もåŒã˜æ‰‹é †ã§ç›´ã‚‹ã€‚
HOME > 電算 > Inkscape メモ
HOME > 電算 > Inkscape メモ Inkscape メモ Inkscape ã‚‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã£ã¦ã€ã“ã®ãƒšãƒ¼ã‚¸ã‚‚一新ã™ã‚‹å¿…è¦ãŒå‡ºã¦ããŸã€‚ã¨ã„ã†ã“ã¨ã§ã€æ¼¸ã€…ã«ä½œæ¥ã‚’進ã‚む。（å¤ã„ページ） 目次 概略 Inkscape 雑感 標準ä¿å˜å½¢å¼ Inkscape SVG Inkscape ã®æ‹¡å¼µã‚¹ã‚¯ãƒªãƒ—ト ãŠã¾ã‘——長方形や円をシェアã«ã‚ˆã‚Šåˆ†å‰²ã™ã‚‹ Inkscape ã®æ‹¡å¼µã‚¹ã‚¯ãƒªãƒ—ト ä»–ã®ãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã®èªã¿æ›¸ã å˜ä½ã®ã“㨠SVG ã‹ã‚‰è¦‹ãŸ Inkscape ã®æ©Ÿèƒ½(クãƒãƒ¼ãƒ³ã¨ã‚³ãƒ”ーã€ãƒ¬ã‚¤ãƒ¤ãƒ¼ã€å¤‰å½¢ã€æ–‡å—コードã€ãƒ†ã‚ストã®æµã—è¾¼ã¿ã€èƒŒæ™¯è‰²ã€ãƒžãƒ¼ã‚«ã€ãƒ‘スを塗りã¤ã¶ã™ 概略 Inkscape ã¯ã€Linux, Windows, Mac OS X ãªã©ã®ãƒ—ラットホームã§å‹•ä½œã™ã‚‹ã‚ªãƒ¼ãƒ—ンソースã‹ã¤ãƒ•ãƒªãƒ¼ã®ãƒ‰ãƒãƒ¼ã‚¤ãƒ³ã‚°ãƒ»ãƒ„ール（ドãƒãƒ¼ãƒ»ã‚½ãƒ•ãƒˆï¼‰ã§ã‚る。SVG ã¨ã„ã†å½¢å¼ã«ãƒã‚¤ãƒ†ã‚£ãƒ–ã«å¯¾å¿œã—ã¦ã„ã‚‹
MAN PAGE | Inkscape
NAME SYNOPSIS DESCRIPTION OPTIONS CONFIGURATION DIAGNOSTICS EXAMPLES ENVIRONMENT VARIABLES OTHER INFO SEE ALSO GUI NOTES KEYBINDINGS BUGS HISTORY AUTHORS COPYRIGHT AND LICENSE NAME Inkscape - an SVG (Scalable Vector Graphics) editing program. SYNOPSIS inkscape [options] [filename_1 filename_2 ...] options: -?, --help --help-all --help-gapplication --help-gtk -V, --version --debug-info --system-dat
Inkscape コマンドライン マニュアル - Inkscape - SVG 編集プãƒã‚°ãƒ©ãƒ
åå‰ Inkscape - SVG （ Scalable Vector Graphics ）編集プãƒã‚°ãƒ©ãƒ 。 Inkscape - an SVG (Scalable Vector Graphics) editing program. æ›¸å¼ inkscape [options] [filename ...] options: -?, --help --usage -V, --version -f, --file=FILENAME -e, --export-png=FILENAME -a, --export-area=x0:y0:x1:y1 -C, --export-area-page -D, --export-area-drawing --export-area-snap -i, --export-id=ID -j, --export-id-only -t, --export-use-hin
第253回　Soziã¨Inkscapeã§Prezi風ãªãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³è³‡æ–™ã‚’ä½œæˆ | gihyo.jp
今回ã¯ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã‚¦ã‚¨ã‚¢Inkscapeã®ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ï¼ˆæ‹¡å¼µæ©Ÿèƒ½ï¼‰ã€Œâ Soziã€ã‚’使ã£ã¦ã€Preziã®ã‚ˆã†ãªãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã§å‹•ãã®ã‚るプレゼンテーション資料を作æˆã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ Soziã¨ã¯ Soziã¯ã€ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã‚¦ã‚¨ã‚¢Inkscapeã®ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ï¼ˆæ‹¡å¼µæ©Ÿèƒ½ï¼‰ãƒ—ãƒã‚°ãƒ©ãƒ ã§ã™ã€‚ Soziを使ã†ã¨ã€InkscapeãŒåˆ©ç”¨ã—ã¦ã„ã‚‹SVG（Scalable Vector Graphics）ファイルã«ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãŸã‚ã®ä»˜åŠ æƒ…å ±ã¨ãƒ—レゼンテーションコントãƒãƒ¼ãƒ«ç”¨ã®JavaScriptを埋ã‚è¾¼ã¿ã¾ã™ã€‚ ãã†ã—ã¦ä½œæˆã—ãŸSVGファイルをWebブラウザã§é–‹ãã¨åŸ‹ã‚è¾¼ã¾ã‚ŒãŸJavaScriptãŒå®Ÿè¡Œã•ã‚Œã€Prezi[1]ã§ä½œæˆã—ãŸãƒ—レゼンテーション資料ã®ã‚ˆã†ã«ã€ã‚ºãƒ¼ãƒ イン・ズームアウトã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã—ãªãŒã‚‰ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«å‹•ãプレゼンテーション資料ã¨ã—ã¦å†ç”ŸãŒã§ã
Inkscapeã§ã€ã‚¿ãƒ€ã§ã¯ã˜ã‚ã‚‹GUIデザイン
Документ обÑуждает различные верÑии графичеÑкого редактора Inkscape, доÑтупные Ð´Ð»Ñ Ñ€Ð°Ð·Ð»Ð¸Ñ‡Ð½Ñ‹Ñ… платформ, таких как iPhone, Windows и Mac. УпоминаютÑÑ Ñ‚Ð°ÐºÐ¶Ðµ альтернативные программы, такие как Photoshop и Illustrator, Ñ ÑƒÐºÐ°Ð·Ð°Ð½Ð¸ÐµÐ¼ их цен. Приложены ÑÑылки Ð´Ð»Ñ Ð·Ð°Ð³Ñ€ÑƒÐ·ÐºÐ¸ и дополнительной информации по проекту Inkscape.
en:welcome [Sozi]
Sozi is a small program that can play animated presentations. Unlike in most presentation applications, a Sozi document is not organized as a slideshow, but rather as a poster where the content of your presentation can be freely laid out. Playing such a presentation consists in a series of translations, zooms and rotations that allow to focus on the elements you want to show. Sozi is based on open
Inkscapeã§ã¡ã‚ƒã‚“ã¨ç§»å‹•ã•ã›ã‚‹ - Hail2u
Inkscapeã§ã‚ªãƒ–ジェクトを移動ã•ã›ãŸã‚Šã™ã‚‹æ™‚ã«é©å½“ã«ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—ã¨ã‹ã§ã‚„ã‚‹ã¨transformプãƒãƒ‘ティーã§translate()関数を使ã£ãŸå½¢ã®ç§»å‹•ãŒè¡Œã‚れる。出力ã•ã‚Œã‚‹SVGã®ã‚µã‚¤ã‚ºã®ç¯€ç´„ãªã©ã®ãŸã‚ã«ã¡ã‚ƒã‚“ã¨(?)移動ã•ã›ãŸã„å ´åˆã¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã‚ªãƒ–ジェクトã«ã‚る整列ã¨é…置を使ã£ãŸã‚Šã€å¤‰å½¢ãƒ€ã‚¤ã‚¢ãƒã‚°ã§ç›¸å¯¾ç§»å‹•ã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’オフã«ã—ã¦åº§æ¨™æŒ‡å®šã§ç§»å‹•ã•ã›ã‚‹å¿…è¦ãŒã‚る。 Inkscape's Transform Dialog æ—¢ã«transformプãƒãƒ‘ティーãŒã¤ã„ã¦ã—ã¾ã£ã¦ã„ã‚‹å ´åˆã¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ç·¨é›†ã‹ã‚‰XMLエディタã§æ¶ˆã—ãŸå¾Œã«ã¡ã‚ƒã‚“ã¨ã‚„ã‚Šç›´ã™ã¨ã‹â€¦â€¦ãªã®ã‹ã‚ˆãã‚ã‹ã‚‰ãªã„。他ã«ãªã‚“ã‹ã¡ã‚ƒã‚“ã¨ã‚„ã‚Šæ–¹ã‚ã‚Šãã†ã€‚ スクリーンショットã¿ãŸã„ã«Windowsã®Inkscapeã®UIフォントをã¾ã¨ã‚‚ã«(Segoe UIã¨ãƒ¡ã‚¤ãƒªã‚ªã®çµ„ã¿åˆã‚ã›ã«)ã™ã‚‹æ–¹æ³•ã¯æ€ã„出ã›ãŸã‚‰æ›¸ã。
Inkscapeã®UIフォントを直ã™
Inkscapeã¯UIフォントãŒæ˜Žæœã«ãªã£ã¦ã„ã¦ã€ä»–ã¨çµ±ä¸€æ„ŸãŒãªãæ°—æŒã¡æ‚ªã„ã®ã§ç›´ã—ãŸã„ãŒç‰¹ã«ãã†ã„ã£ãŸè¨å®šã¯ç”¨æ„ã•ã‚Œã¦ã„ãªã„。検索ã—ã¦è¦‹ã¤ã‹ã‚‹æƒ…å ±ã‚‚gtkrcを～ã¨ã‹GTKアプリã®å•é¡Œã§ï½žã¨ã‹ãã†ã„ã†ã®ãŒå¤šãã€ãれらã¯å¤§ä½“æ£ã—ã„ã®ã ã‘ã©ã€pango.aliasesã§MingLiUãŒå„ªå…ˆçš„ã«ä½¿ã‚れるよã†ã«è¨å®šã•ã‚Œã¦ã„ã‚‹ã®ã‚’ç›´ã™ã®ãŒä¸€ç•ªåŠ´åŠ›ãŒå°‘ãªãã†ã€‚Inkscapeã¯7-Zipã§åœ§ç¸®ã•ã‚Œã¦é…布ã•ã‚Œã¦ã„ã‚‹Windows版ã®v0.48.2ã‚’å‰æã«ã™ã‚‹ã€‚ é…布アーカイブã«ã‚ã‚‹etc/pango.aliasesã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹sansã¨ã„ã†ã‚¨ã‚¤ãƒªã‚¢ã‚¹ãŒUIã§ä½¿ã‚ã‚Œã¦ã„るよã†ãªã®ã§ãã®è¡Œã ã‘を変更ã™ã‚‹ã€‚ sans = "segoe ui,meiryo,arial,browallia new,mingliu,simhei,gulimche,ms gothic,kartika,latha,mangal,
Inkscape-aholicï¼
Photoshopã®ã‚«ãƒ©ãƒ¼ãƒãƒ¼ãƒ•ãƒˆãƒ¼ãƒ³ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚’使ã£ãŸã‚ˆã†ãªãƒ‰ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ä½œã‚Šæ–¹ã‚’ã€Inkscapeã§Designã«ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ →カラーãƒãƒ¼ãƒ•ãƒˆãƒ¼ãƒ³é¢¨ã®ãƒ‰ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ï½œInkscapeã§Design Gimpã§ã¯ã€Œæ–°èžå°åˆ·ã€ãƒ•ã‚£ãƒ«ã‚¿ã«ç›¸å½“ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ （「フィルタã€ï¼ã€Œå¤‰å½¢ã€ï¼ã€Œæ–°èžå°åˆ·ã€ã€€â€»Gimp ver.2.6） Inkscapeã§ã¯ã€ã‚¿ã‚¤ãƒ«ã‚¯ãƒãƒ¼ãƒ³ã®ã€Œãƒˆãƒ¬ãƒ¼ã‚¹ã€æ©Ÿèƒ½ã‚’使ã£ã¦ã€åŒã˜ã‚ˆã†ãªé›°å›²æ°—ã®ã‚‚ã®ã‚’作るã“ã¨ãŒã§ãã¾ã—ãŸã€‚ ã“ã‚“ãªé¢¨ã«ã€ã€Œã¼ã‹ã—ã€ã‚„グラデーションをè¨å®šã—ãŸã‚ªãƒ–ジェクトを引ã〠ä¸é€æ˜Žåº¦ã‚’円ã®ã‚¯ãƒãƒ¼ãƒ³ã§ãƒˆãƒ¬ãƒ¼ã‚¹ã•ã›ã¾ã™ã€‚ ã¤ã¾ã‚Šã€ä¸é€æ˜Žåº¦ã‚’インプットã—ã¦ã€ãã‚Œã«å¿œã˜ãŸã‚µã‚¤ã‚ºã®ã‚¯ãƒãƒ¼ãƒ³ã‚’アウトプットã—ã¾ã™ã€‚ クãƒãƒ¼ãƒ³ã‚’作æˆå¾Œã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã®å††ã‚’拡大ï¼ç¸®å°ã™ã‚‹ã“ã¨ã§ã€ ドットã®è©°ã¾ã‚Šå…·åˆã‚’変更ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ 詳ã—ãã¯ã“ã¡ã‚‰ã¸ã©ã†ãžã€‚ →カラーãƒãƒ¼ãƒ•ãƒˆãƒ¼ãƒ³é¢¨ã®
Inkscapeã§Design - Inkscapeã®ä½¿ã„æ–¹ - ã‚‚ãã˜
2012.07.19 応用編ã«ã€Œã‚«ãƒ©ãƒ¼ãƒãƒ¼ãƒ•ãƒˆãƒ¼ãƒ³é¢¨ã®ãƒ‰ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ 2012.06.11 リンク集ã«ã€ŒInkscapeã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆé›†ã€ã¸ã®ãƒªãƒ³ã‚¯ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ 2012.03.07 応用編ã«ã€Œã‚¿ã‚¤ãƒ«ã‚¯ãƒãƒ¼ãƒ³ã§å”è‰æ¨¡æ§˜ã‚’æãã€ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ ＞＞もã£ã¨è¦‹ã‚‹
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
OCS-Mag | Open Content & Software Magazine
フリーã®é«˜æ©Ÿèƒ½ãƒ‰ãƒãƒ¼ã‚½ãƒ•ãƒˆã€ŒInkscapeã€ãŒv0.91ã«å¤§å¹…ãªã‚¢ãƒƒãƒ—デート
Inkscape for Adobe Illustrator users - Inkscape Wiki
Inkscape | comemo
inkscape tutorials blog
{{#tags}}- {{label}}
{{/tags}}