ツールから完成したファイルを取り出す方法 - 正しいフォーマットの選び方、出力サイズの設定、各オプションが行うことです。他のすべてと同様に、書き出しはあなたのデバイス上で行われ、何もアップロードされません。
書き出しの仕組み
プレビューがそのままファイルです。書き出すと、ホストはそのキャンバスを選択したフォーマットにレンダリングし、ダウンロード(またはクリップボードへのコピー)として渡します。ツールは作者が宣言したフォーマットしか提供せず、ピッカーはあなたのブラウザが生成できないものを非表示にします(Videoを参照)。
ファイルを生成する経路は3つあります。ほとんどのツールはキャンバスをレンダリングして選択したフォーマットにします。テキストおよびデータ形式(HTML、MD、TXT、JSON、CSV、ICS、VCF)は代わりにツールのコンテンツから生成され、画像からラスタライズされるわけではありません。そしてプライバシー系ユーティリティ(例:Strip Hidden Data)は第3の経路を使います。あなたが選んだファイルはデバイス上でバイト単位で変換され、そのまま返されます - キャンバスもウォーターマークも来歴メタデータの追加もありません。すでにあなた自身のファイルだからです。
書き出しコントロールのアクション:
- Download - ファイルを保存します(主要なアクション)。
- Copy - 画像をクリップボードに置き、Slack、メール、文書に直接貼り付けられるようにします。ブラウザが画像のコピーに対応していない場合は、代わりにダウンロードしてその旨を知らせます。
- Save - 現在のデザインを保存済みのツールセッションとしてライブラリに保管します。
- Share - Share dialogを開きます。デザインを再現するコピー可能なリンク、訪問時のトグル(フルスクリーン、書き出しパネル、開いた時のダウンロードまたはコピー)、そして状態全体をコンパクトなトークンに詰め込むオプションのShortest linkがあります(URL Modeを参照)。
(これらのうちどれが表示されるかはツールの作者が選びます。デフォルトのセットはCopy、Download、Saveです。)
signed by Lollyvector SVG自分で確認するGet the signed file51 paths~4.7k nodes125 groups1 image67 KB
signed by Lollyvector SVG自分で確認するGet the signed file51 paths~4.7k nodes125 groups1 image67 KB
Shareはツールの上に開き、すでに構築されたリンクとその下に訪問時のトグルが表示されます。
一度に複数をレンダリングする
1回の書き出しは1つのファイルですが、1回の処理で複数をレンダリングでき、それぞれ1つの.zipとして届きます。
- Projects → Render folderは、フォルダ内(およびそのサブフォルダ)のすべての保存済みセッションを1つのネストされたzipとして書き出します。Render selectionは複数選択に対して同じことを行います。単一の保存済みセッションはそのまま自身のファイルにレンダリングされます。Batch/Proは不要です - Using Lolly → Projectsを参照。
- Batch (Pro)は入力セットのグリッドをレンダリングします - 1つのテンプレートのすべてのバリエーションを一度に。
保存済みセッションはProjectsからツールリンクとして再共有することもできます(保存された入力からツールのURLを再構築します)。そのため、リンクを開くとまったく同じ設定で再度開きます。
フォーマットを選ぶ
ファイル名とフォーマットピッカーはパネル上部に1つのname.formatのペアとして並び、ピッカーにはこのツールの作者が宣言したフォーマットのみが表示されます。
signed by Lollyvector SVG自分で確認するGet the signed file6 paths311 nodes6 groups1 image7 KB
signed by Lollyvector SVG自分で確認するGet the signed file6 paths311 nodes6 groups1 image7 KB
| したいこと… | 使うもの | 理由 |
|---|---|---|
| 拡大縮小できるくっきりしたロゴ/アートワーク | SVG | ベクター - 無限にスケール可能、軽量、編集可能 |
| Office / Windowsアプリ向けのベクター | EMF | PowerPoint / Wordに編集可能なベクターとして貼り付けられます。テキストはそのまま編集可能で、Google DriveはこれをGoogle Drawings for Slidesで開きます |
| 印刷 / デザインアプリ向けのベクター | EPS、またはEPS (CMYK) | Illustrator / 印刷ワークフロー向けのPostScriptベクター |
| カッティング / CAD機器向けのベクター | DXF | レーザーカッター、ビニールプロッター、CNC - ミリメートル単位のアウトラインパス |
| 編集可能なスライドデッキ | PowerPoint (PPTX) | ネイティブに編集可能なテキストと図形。画像とベクターは抽出可能なまま |
| 編集可能なテキストドキュメント | Word (DOCX) またはOpenDocument (ODT) | ワープロが編集を続けられる本物の段落と見出し(Doc Studio) |
| 写真や汎用画像 | PNG (ロスレス) またはJPG (より小さい) | 汎用ラスター |
| より小さいモダンな画像 | WebP / AVIF | より良い圧縮、アルファ対応 |
| 印刷 | PDF、またはPrint PDF (CMYK) | 正確なページサイズ、印刷用CMYK |
| 印刷所向けの印刷用ラスター | Print TIFF (CMYK) | RIP向けのDeviceCMYKピクセル |
| Web用アニメーション | GIF | どこでも動作、ファイルサイズは大きい |
| フルカラー+本物のアルファのアニメーション | APNG | Animated PNG - パレット制限なし、真の透明度 |
| アニメーション、最小ファイルサイズ | Animated WebP | フルカラー+アルファ、GIFやAPNGより圧縮率が良い |
| 拡大縮小できるアニメーションベクター | Animated SVG | 自己完結型。ブラウザや<img>内でループ、コーデック不要、任意のサイズ |
| SNS / 共有用の動画 | MP4 またはWebM | バイトあたりの品質が最良(下記参照) |
| リッチテキスト / メール署名 | HTML | メールクライアントに書式付きで貼り付けられます |
| プレーンコンテンツ | MD / TXT | テキストのみ |
| カレンダーイベント | ICS | どのカレンダーアプリにもインポート可能 |
| 連絡先カード | VCF | 連絡先 / アドレス帳にインポート可能 |
| 再インポート用の構造化データ | JSON / CSV | ツールのコンテンツをラウンドトリップ |
| ファビコン | ICO | 複数サイズのサイトアイコン(ZIPは複数フォーマットをまとめます) |
最初の行が一般的なケースです。あなたのブランド書体で組んだワードマークはSVGとして書き出され、すべての文字がピクセルではなくアウトライン化されたパスになるので、名刺サイズでもビル一面のラッピングサイズでも、同じファイルからくっきりと表示されます。
signed by Lollyvector SVG自分で確認するGet the signed file1 path130 nodes4 groups5 KB
signed by Lollyvector SVG自分で確認するGet the signed file1 path130 nodes4 groups5 KB
サイズと印刷単位
デフォルトでは、書き出しはツールのネイティブなピクセルサイズを使用します。ツールが寸法を公開している場合、幅×高さと単位を設定できます。
- px (デフォルト) - 正確なピクセル。
- mm・cm・in・pt・pc - 物理/印刷サイズ。物理単位を使う場合はDPIも設定します(印刷用のデフォルトは300)。エンジンはフォーマットごとに正しく変換します - PDFはそのサイズの正確なページになり、ラスターはDPIに応じた正しいピクセル数でレンダリングされ(解像度も埋め込まれ)、SVGはpx viewBoxを持ちつつ物理単位を保持します。
より高解像度のラスターを得るには、より大きな幅/高さを入力するか、物理単位を選んでDPIを上げてください(ピクセル数 = サイズ × DPI)。ワンクリックの拡大縮小トグルはありません。
例:幅210、高さ297、単位mm → A4ページになります。
signed by Lollyvector SVG自分で確認するGet the signed file9 paths367 nodes16 groups1 image10 KB
signed by Lollyvector SVG自分で確認するGet the signed file9 paths367 nodes16 groups1 image10 KB
タイムド・コンポジションからの静止画
タイムド・コンポジション - Sequence Studioのステージや、タイムライン駆動のアートボード全般 - は動くものなので、静止画の書き出しは「どの瞬間か?」に答える必要があります。ルールは想像どおりです。プレイヘッドのあるフレームです。欲しい画像のところにプレイヘッドを止めて書き出せば、見えているものがそのまま出力されます。
1つ以上の瞬間が欲しい場合、Framesフィールドが出力サイズの隣に表示されます(タイムド・コンポジションの場合のみ、かつ静止画フォーマット - PNG、JPG、WebP、SVG、PDF - の場合のみ)。プレイヘッドのフレームだけなら1のままにします。数値を上げると、シーケンス全体にわたって等間隔でサンプリングされたその数だけの静止画が得られます。
- ラスターとSVGは1つのzipとして返されます -
<name>-01.png、-02.pngという具合です。 - PDFはその枚数のページを持つ単一のドキュメントとして返されます。
ストーリーボード、サムネイルシート、レビュー用のコンタクトシート、動画編集から直接切り出すSNSカルーセルに便利です。
サンプリングは各区間の端ではなく中間点で行われます。シーケンスの最初の瞬間はまだフェードインしていない開始トランジションであることが多く、最後の瞬間はすべてのクリップが終わった後の状態であることが多いためです - 端点サンプリングだとフレームのうち2つがほぼ空白の状態に費やされてしまいます。枚数は64が上限です(コンタクトシートは人間が読むためのものです)。フィールドに意味の通らない値が入力された場合は、書き出しを失敗させる代わりに1にフォールバックします。各フレームは通常の静止画なので、Content Credentials、インプリント、物理単位、DPIはすべて単一の書き出しと全く同じように動作します。
Framesフィールドが、現時点でシートを得る方法です。エンジンは対応するcuts URLパラメータを予約していますが、まだどのシェルもリンクからそれを読み取らないため、共有されたリンクは常にプレイヘッドのフレームで再度開きます - URL Modeを参照。
複数ページPDF
一部のツールは、単一のアートワークではなく複数ページのPDFドキュメントを構築します - 表紙、必要な数だけページに流し込まれるコンテンツ、裏表紙がすべて1つのファイルに収まります(Multi-Page PDFツールを参照)。各ページはそのページのボックスに合わせたサイズの本物のPDFページなので、読者やプリンターは1枚の縦長画像ではなく実際のページを受け取ります。
- コンテンツからページを生成。 テキストと画像のブロックを追加すると、ブロックが埋まるにつれて新しいページが自動的に作成され、任意のブロックを強制的に新しいページから始めることもできます。
- 本物のページサイズ。 A4、US Letter、A5(縦向き - 2カラムレイアウトはこれ向けに作られています)を選択でき、すべてのページと書き出されたPDFは正確にそのサイズでレンダリングされます。
複数ページPDFはRGBドキュメントで、トンボ/塗り足しは含まれません - それらは上記の単一ページPrint PDFの経路に属します。他のすべてのPDF書き出しと同じPDF/X-4メタデータ(ページボックス、XMP、ドキュメントID、埋め込みプロファイル付きのsRGB出力インテント)は含まれ、Content Credentials(下記)も提供されます - Multi-Page PDFツールではこのオプションはあらかじめ選択されています。
大量のものを一度に作る
Lollyには大量作業のための3つの異なる方法があり、それぞれ異なる問題を解決します。バッチ編集は各ツールが個別に作り直すものではなく、プラットフォームの一級機能です。
- 1つのデザイン × 行の表 → 1つの複数ページドキュメント。
table入力を持つツール(Battlecardsなど)は、各行を自動的に1ページに変換します - スプレッドシートから表を貼り付ければ、デッキサイズのPDFが得られます。あなたの本当のバッチエディタはスプレッドシートのままです。そこで10行を修正して、また貼り付けます。ツール自体がページを管理することはありません。 - 1つのデザイン × データファイル → 多数の個別ファイル。
/proのバッチグリッドはCSVを受け取り、行ごとに1つの書き出しをレンダリングします - ネームバッジ、証明書など、1つずつ。 - 並べて編集する多数の異なるアセット。 Multi-editは複数の保存済みセッションを1つのビューで開き、別々のデザインにまたがる連携した微調整ができます。
目安:同じデザインの行が1つのドキュメントに収まるべきなら → テーブル駆動のツール。行が別々のファイルとして出荷される必要があるなら → /pro。同じ調整が必要な異なるデザインなら → multi-edit。(計画中の「combine media」書き出しオプションは、最初の2つを橋渡しし、同じフォーマットの書き出しを1つのPDF、1つの動画、または校正用コンタクトシートに連結する予定です。)
PowerPoint (PPTX)
signed by Lollyvector SVG自分で確認するGet the signed file33 paths~1.8k nodes37 groups29 KB
signed by Lollyvector SVG自分で確認するGet the signed file33 paths~1.8k nodes37 groups29 KB
複数ページ・レイアウトツール(Carousel、Doc Studio、Multi-Page PDF、チャートツール、単一キャンバスのカード/レイアウトツール)はPowerPointデッキを書き出せます - 1ページにつき1スライド。ポイントはピクセル完璧なスクリーンショットではなく、同僚に実際に編集してアセットを取り出せるデッキを渡すことです。そのため、各ページはネイティブなオブジェクトに分解されます。
- テキストは実際に編集可能なPowerPointのテキストボックスになります - フォントサイズ、色、太さ、斜体、配置はレイアウトのものがそのまま反映されるため、PowerPoint上で誤字を直したりスタイルを変更したりできます。
- ベクター(ロゴ、アイコン、SUSEマークなど)は実際のSVG画像として埋め込まれます - どのサイズでも鮮明さを保ち、PowerPointでは図形に変換することもできます。
- 画像は元の解像度のまま、それぞれ独立した抽出可能な画像として渡されます(
coverでクロップされたヒーロー画像は、クロップの背後に画像全体を保持しているため、再フレーミングが可能です)。画像への加工(フィルター、ブレンド)も忠実に焼き込まれます。 - 背景、罫線、ルールは実際の長方形/線の図形になります。
レイアウトは意図的に概算になっています - 目的は固定されたスクリーンショットではなく、忠実で再利用可能なコンテンツにすることです。ウォーカーがネイティブに表現できないもの(複雑なフィルターやマスクをかけた領域)は画像として埋め込まれるため、何も失われません。デッキのスライドサイズは1つで、最初のページから取得されます。
PowerPointは取り込みの手段でもあります - このフォーマットは往復変換に対応しています。Deck Builderは既存の.pptxを編集可能なスライドとして開き、あなたのブランドに合わせて調整します。またRebrand a Deckユーティリティは、チャートやSmartArt、アニメーションには手を加えずに、テーマパレット・ハードコードされた色・フォントを差し替えてデッキをその場でリブランドし、.pptxとして返します。デザインのインポート → デッキとドキュメントを参照してください。
DXF(カットファイル)
signed by Lollyvector SVG自分で確認するGet the signed file42 paths~1.6k nodes47 groups1 image30 KB
signed by Lollyvector SVG自分で確認するGet the signed file42 paths~1.6k nodes47 groups1 image30 KB
ベクターツール(Brand Lockup、QR Code、Street Map、Wayfinding Signage、Pose Geeko、ロゴロックアップ各種、Diagram Builder)はDXFを書き出せます - これはレーザーカッター、ビニールプロッター、CNC/CADソフトウェアが読み取れるAutoCAD R12交換形式です。ジオメトリはアウトラインのパス(ミリメートル単位)として書き出され(曲線は精細な許容誤差でフラット化されます)、テキストはパスにアウトライン化され、色は最も近いAutoCAD Color Indexへマッピングされます(これは通常、カッター上のツール/操作を決定します)。DXFはラインアートのみに対応しており、写真やフィルター処理された領域にはカットパス形式が存在しないため除外されます(Lollyが警告します)。ラスターコンテンツを保持する必要がある場合はSVG/PDFを使用してください。
Street Mapは最も分かりやすい例です。デザイン全体がすでにストロークでできているため、すべての道路と運河がカットパスとなり、何も除外されません。
スクロールすると、カメラは実際のジオメトリを通り抜けるように引いていきます。7本のパスのみで、どこにもピクセルはなく、どんなズームでもすべてのストロークがヘアラインのように鮮明です。これはカッターが読み取るのと同じファイルです。
アニメーションSVG
signed by Lollyvector SVG自分で確認するGet the signed file36 paths~1.6k nodes47 groups1 image31 KB
signed by Lollyvector SVG自分で確認するGet the signed file36 paths~1.6k nodes47 groups1 image31 KB
モーションツール(Animated Ad、Lottie Ad)はアニメーションSVGを書き出せます - 自己完結型のベクターアニメーションです。各フレームをピクセルにサンプリングするGIF/APNG/WebPとは異なり、アニメーションSVGは埋め込みCSSキーフレームでベクタースナップショットを積み重ねるため、コーデックも外部ランタイムも不要でどんなサイズにも拡大できます - ブラウザのタブや<img>内でループ再生されます。テキストはアウトライン化されたままなので、どこでもレンダリングされます。アニメーションフォーマットと同じDuration/フレームレートのコントロールを共有し、(フレームあたりビットマップより重いため)デフォルトのフレームレートは低めです。
透過
対応しているツールでは透過背景のトグル(例:No BG)が使えます。透過はPNG、WebP、AVIF、SVG(静止画・アニメーション両方)、APNG、アニメーションWebPで保持されます。JPGとPDFは常に不透明で、TIFFは白背景に統合されます(HDRパスでは黒背景 - 詳細は下記)。
色空間
分けて考える価値のある2つの異なる問い、Lollyが読み取って処理できる色空間はどれか、そして書き出す色空間はどれか。
読み取り。 色が書かれている場所ならどこでも - ツールのスタイルシート、インポートされたSVGのペイント、デザイントークンの値、CSSショートハンド内のシャドウやグラデーションなど - LollyはCSS Color 4の全語彙を読み取ります。#hex、rgb()、hsl()、hwb()、lab()、lch()、oklab()、oklch()、CSSの名前付き色、そして事前定義された空間(srgb、srgb-linear、display-p3、a98-rgb、prophoto-rgb、rec2020、xyz-d50、xyz-d65)でのcolor()(noneキーワードとして書かれた成分も含む)です。プラットフォーム全体で1つのパーサーがこれを行うため、ブラウザとすべてのエクスポートウォーカーは、ある色文字列が何を意味するかについて一致します。
これは見た目以上に重要です。というのも、ブラウザは最新のCSSを最新のCSSに解決するからです。color-mix(in oklab, …)と書けば、Chromeはoklab(…)を計算します。oklch()として保存されたブランドトークンを使えば、それがエクスポートウォーカーが目にする文字値そのものになります。これらの形式の色は正しく読み取られ、破棄されません - これは、rgb()しか理解しないウォーカーが行っていたこと、つまりブランドカラーのテキストを黒として書き出し、色付きパネルやテーブルの罫線を失い、oklch(0.7 0.1 200) 0px 2px 4pxをシャドウオフセット0.7×0.1として読み取っていたのとは対照的です。
設計思想。 色の演算は生のチャンネル値ではなく知覚的に行われます。パレット導出、ランプ、ハーモニー、コントラストはすべてOKLCH/OKLabで計算され、色域外の色はチャンネルのクリッピングではなく、CSS Color 4自体のガマットマッピングアルゴリズム(知覚距離チェックを伴う彩度低減)によって範囲内に収められます。そのため鮮やかな色は、平坦化された色ではなく、実際に許容できる最も近い色に落ち着きます。グラデーションは選択した空間(デフォルトはOKLab、他にoklch、lab、lch、srgb、srgb-linear、hslがあり、極座標系には色相の回転方向も指定できます)で補間され、ミキシングはプリマルチプライド(事前乗算)であるため、透明へのフェードは途中で黒っぽくなることなく正しい色を保ちます。プレビューと書き出しのウォーカーは同一の補間器を使用しており、これによりコニックグラデーションが画面上と書き出しファイルとで異なる方法でブレンドされる問題がなくなりました。
書き出し。 出力は入力よりも意図的に狭くなっています。ファイルは開くアプリで読める必要があり、数値が実際にその空間に変換された場合にのみ、出力上でその空間が宣言されるからです。画面用・ウェブ用フォーマットはsRGBとして書き出され、そのようにタグ付けされます。印刷用フォーマットは名前付きの印刷条件(下記)に対してCMYKとして書き出されます。HDRパスはRec.2100 PQです(上記)。広色域の色がエクスポートに到達する場合、誤ってラベル付けされるのではなくsRGBにマッピングされます - color(display-p3 …)をベクターファイルにそのまま持ち込むことは、今日のエクスポートが主張している機能ではなく、計画中の拡張です。OKLabで作成されたグラデーションは、書き出し時に通常のsRGBストップに焼き込まれます。追加のストップは、sRGBが知覚的なカーブから目に見えて乖離する箇所にのみ挿入されます。SVGの<linearGradient>とPDFの軸方向シェーディングには、意図を伝えるための補間空間の設定がないためです。1つの作成値、3つのレンダラー、ずれなし。
カラープロファイル
色がカラーマネジメント対応アプリ(印刷会社、Photoshop、ブラウザ)で忠実に再現されるよう、エクスポートはカラープロファイルでタグ付けされます。
- PNG / JPGには埋め込みのsRGB ICCプロファイルが付きます - プレビューが実際にレンダリングされている色空間です - 推測に頼る必要がありません。(タグ付けのみで、ピクセル自体は再エンコードされません。)
- 印刷用PDF(CMYK)はOutputIntentでターゲットの印刷条件(デフォルトはCoated FOGRA39)を宣言し、RIP/印刷会社にCMYKインクをどう読むべきかを伝えます。測定済みのインク値を持つブランドスウォッチは正確に変換され、それ以外の色は標準デバイス変換を使用します。この宣言は名前にすぎません。Lollyには標準のCMYKプロファイルは同梱されておらず、PDF/X-4はプロファイルの埋め込みを要求するため、名前付きの条件はPDF/X-4準拠を主張せずに出力インテントを書き込みます。独自のCMYKプロファイルを読み込み、カラープロファイルコントロールで埋め込みの行を選択すると、そのファイルのDestOutputProfileとして埋め込まれます - この時点でPDFは正真正銘のPDF/X-4になり得て、ファイルの他の部分が許す限りそれを主張します。出力インテント(RIPはそれを必要とします)を保ちつつ主張を差し控える3つのケースがあります。CMYKパスで変換できなかったRGBアートワーク、
prov証明マージンのクレジットテキスト(標準フォントで描画されており埋め込まれない。X-4はこれに例外を設けません)、そしてStrongパスワード(X-4は暗号化を禁じているため)です。宣言される条件はそのプロファイルから読み取られます。プロファイルが証明する場合は登録名、証明しない場合はそのプロファイル自身の名前の下でCustomとなり、ファイルがある印刷条件を名乗りながら別の測定値を持つことは決してありません。 - 印刷用TIFF(CMYK)はタグなしのDeviceCMYKピクセルを書き出し、同じ印刷条件を証跡としてTIFFメタデータ(ImageDescription)に記録します。プロファイルの埋め込みではありません。同じカラープロファイルコントロールが両方のCMYKフォーマットを制御します - TIFFは印刷プロファイルをまったく埋め込めないため、埋め込みの行はそこにそのプロファイル自身の名前だけを記録します。
- TIFF(RGB)はシンプルな非圧縮sRGB版です - 選択したDPIでのロスレスラスターで、アーカイブやエディターとの往復用に、証跡は同じTIFFメタデータに記録されます。透過部分はすべて白背景に統合されます(このプロファイルはアルファを持ちません)。CMYK TIFFと同様デスクトップ専用です。ブラウザはTIFFをプレビューできず、モバイルのダウンロードは行き止まりになるためです。
- SVG、EMF、EPS、DXFは解像度・プロファイルに依存しないベクターで、埋め込みプロファイルを持ちません - SVGの色は単純なsRGB、EMFとEPSの色はデバイスRGB(EPS(CMYK)はナイーブなDeviceCMYKを書き出します)、DXFは最も近いAutoCAD Color Indexを持ちます。(SVG、EPS、DXFはPDFと同様、すべてのテキストをベクターパスにアウトライン化するため、フォントがインストールされていない環境でもレンダリングされます。EMFはこれとは異なり、デフォルトでテキストをLIVEに保ちます - Officeや Google Slidesで選択・編集可能な実際のメタファイルテキストレコードで、フォーマットが表現できないランのみアウトラインにフォールバックします。エクスポートパネルの「Outline fonts」オプションはすべてをパスに強制します。)SVGはまた、HTMLからCSSの
box-shadowを再現します - 各外側シャドウはボックスの背後に描画され、オフセット/スプレッド・ガウスぼかしがブラウザに合わせられ、内側シャドウも同様にボックスの内部に描画されます。
これは自動的に行われます - いじる設定はありません。サムネイルとプレビューは容量を抑えるためタグ付けをスキップします。1つだけ、プロファイルが選択になっているものがあります。ラベル付けだけでなくピクセル自体を変更するためです - 下記のHDRを参照してください。
HDR(鮮やかな色)
通常のエクスポートはsRGBです。白は白であり、彩度の高いブランドカラーも画面の通常の白と同じ明るさにとどまります。HDR対応ディスプレイにはそれを超える大きな余地があり、エクスポートパネルのHDRカードはそれを活用します - ブランドカラーと白いテキストはピーク輝度に向けて引き上げられ、実際に輝いて見えるようになります。一方で暗い部分は暗いままに保たれ、その輝きにコントラストを与えます。
signed by Lollyvector SVG自分で確認するGet the signed file15 paths897 nodes29 groups1 image17 KB
signed by Lollyvector SVG自分で確認するGet the signed file15 paths897 nodes29 groups1 image17 KB
- フォーマット。 信号を運ぶ場所を持つラスターフォーマット、PNG、JPG、AVIF、TIFFです。(WebPは対象外です - 8ビットで実用的なHDRデコード経路がないため、PQのWebPは単に暗く見えてしまいます。ベクターとPDFにはHDRモデルがまったくありません。)
- カラータグ付けとは異なりデフォルトでオフです - ピクセル自体を変更するため、オプトインになっています。カードにチェックを入れるか、共有リンクで
hdr=1を渡してください。 - 実際に書き込まれるもの。 ピクセルはRec.2100 PQに再エンコードされます - BT.2020の原色とSMPTE ST 2084(PQ)の伝達カーブです。コンテナには対応する信号が付与され、カラーマネジメント対応アプリがそのように読むべきだと分かります。生成された
cicpタグ付きICC v4プロファイル(JPG、TIFF)、cICPチャンク(PNG)、または書き換えられたcolrボックス(AVIF)です。ブーストは知覚的(OKLab)輝度によってゲートされているため、中間から上の色はピークに向かい、暗い色は白飛びさせず抑えられます。また色相を保持します - ブランドグリーンはより明るくなりますが、ミント色にはなりません。 - ダイヤル。 カードがオンのときに現れる4つ、White(ピーク輝度の上限、400~2000ニト)、Reach(グローがどれだけ下のトーンまで広がるか)、Dark lift(暗部をどれだけ明るくするか -
0は暗いまま保ちます)、Focus(ブーストがどれだけ色の豊かさを保つか)です。これらはコンパクトな調整済み値として同じパラメータで渡せます -hdr=1600-60-0-50はWhite 1600、Reach 60、Dark lift 0、Focus 50を意味し、調整済みの見た目がリンクから再現可能です。 - どこで見えるか。 HDRディスプレイ上のカラーマネジメント対応ビューア、Appleデバイス上のPreview / Quick Look / Safari、HDRモニター上のChromeなどです。通常のSDR画面では、ファイルは普通の画像として表示されます。
- 公開前に知っておくべきこと。 多くのプラットフォームはアップロードされたものを再エンコードし、HDR信号を除去します - SNS、メッセージアプリ、一部のCMSなど。これにより画像が暗く、または色あせて見えることがあります。送信先を自分で制御できる場合(自分で構築したサイト、映像ウォール、明るいパネル上のデッキなど)にHDRを使い、すべてのデフォルトにはしないでください。
- 透過。 PNGとAVIFはアルファを保持します。JPGは常に不透明です。TIFFパスはSDRパスの白ではなく黒背景に統合されます - PQでは白は10,000ニトのコードなので、白背景に統合するとすべてのエッジに目のくらむようなハローが発生してしまいます。
動画
アニメーションツールはモーションをMP4、WebM、GIFとして書き出せます - 提供されている場合はAPNG、アニメーションWebP、ベクターのアニメーションSVG(上記)も可能です。どの動画コンテナが表示されるかはブラウザによります - ピッカーは実際に録画できるものしか表示しません。
| ブラウザ | 表示されるもの |
|---|---|
| Safari / iOS | MP4 |
| Firefox | WebM |
| Chrome / Edge 126+ / Android | MP4とWebM |
| 古いChrome | WebM |
GIFはどこでも動作します(チャットやメールに最適で、動画よりファイルサイズが大きく色数も少なくなります)。アニメーションツールにはWait(録画前にアニメーションを落ち着かせる秒数)とDuration(クリップの長さ)も用意されています。
共有された
?format=…リンクがブラウザが録画できないコンテナを要求している場合、自動的に別のコンテナにフォールバックし、それに応じてファイル名を付けます。
音声。 動画エクスポートは無音ではありません。ツールはクリップの下に音楽ベッドを敷くことができます - カタログの音声アセットをクリップの長さにループまたはトリミングし、フェードイン/アウト、音量、映像自体の音に対する自動ダッキングを適用します。また録画ツールは、その映像のライブ音声をそのままファイルに引き継ぎます。MP4とWebMはミックスされたトラックを保持します。GIFとアニメーション画像フォーマット(APNG、アニメーションWebP、アニメーションSVG)は本質的に無音です。
音声
一部のツールは動画トラックとしてだけでなく、音声単体でも書き出せます。Voice Recorderはライブレベルメーターと軽いコーチングを伴ってマイク音声を収録し、MP3(デフォルト、ブラウザ上でトランスコード)またはネイティブコンテナ - ブラウザが録音したM4A(AAC)、OGG、WebM(Opus)のいずれかで保存します。他のあらゆる処理と同様、エンコードはあなたのデバイス上で行われます - 何もアップロードされません。
取り込む音声も同様に幅広く対応しています。アセットピッカーはMP3、WAV、OGG/Opus、M4A/AAC、FLAC(バイト単位で保持され、デバイス上でデコード)、MIDI(.mid - インポート時にごく小さなオンデバイスシンセトラックに変換)、トラッカーモジュール - MOD、XM、IT、S3M、STM、MTM(同梱プレイヤーによりデバイス上でデコード、数キロバイトの曲データ)を受け付けます。これらはいずれも動画エクスポートの音楽ベッドになったり、Neurospicy Modeのアンビエントプレイヤーで再生されたりできます。
音声は下記のformat=/--export=パイプラインの一部です。wav、mp3、m4a、opusは通常のフォーマットIDであり、音声のみのエクスポートはPNGと同じように共有・スクリプト操作が可能です。出力されるのは音声のみで、画像はありません。
証跡と透かし
フォーマットが対応している場合、エクスポートには証跡メタデータ - ソフトウェア、ソース、ツール名、あなたのプロフィールクレジット行 - がネイティブに埋め込まれます(PNG iTXt、JPEG EXIF、PDF info、SVGの<metadata>、GIFコメント)。これは著作情報のみで、何もアップロードされません。実験的ツールはさらに目に見える透かしを刻印します。これはホスト側で適用されるため、ツールを編集しても取り除くことはできません。
The Lolly Imprint。 ラスターエクスポートには、Lolly独自の見えないピクセル透かし - Lolly Imprint - も付きます。Content Credentialsと同様にデフォルトでオンです。証明書と証跡メタデータがピクセルと並んで移動し、再保存・スクリーンショット・メタデータの除去で失われるのに対し、Imprintはピクセルの中に生きており、再圧縮を生き延びます - そのため、その画像のコピーは後になってもLolly製と認識され続けることができます。これは耐久性のあるヒントであり、暗号学的な保証ではありません。存在の有無のみを示すもので、個人データは含みません。PNG、JPG、WebP、AVIF、TIFF、BMP、そしてPDFやPPTXに合成されるLollyレンダリングのラスターに乗ります - あなたが埋め込んだ画像には決して乗らず、Lolly自身がレンダリングしたものにのみ乗ります。エクスポートパネルのLolly Imprintカードのチェックを外すか、共有リンクでimprint=0を渡すとスキップできます。(AVIFの再エンコード後の生存率はまだ較正されていません。PDF/PPTXの検出は埋め込まれたLollyラスターをカバーします。)/verifyがこれをデバイス上で検出します - 詳しくはContent Credentials Identityを参照してください。
耐久性のある証明書。 Imprintに加えて、もう1つの重めのマークがあります。Durable credentialは、オンデバイスのニューラルモデル(TrustMarkフォーマット)を使って、Lollyの識別子をピクセルの中に書き込みます。これにより「made with Lolly」というリンクは、メタデータの除去、再エンコード、TrustMark対応ツールによる再読み取り(もちろんLolly自身によるものも含む)を生き延びます。デフォルトでオフです - 純粋なJavaScriptで動くImprintと異なり、エクスポートごとにニューラルパスのコストと1回限りのモデルダウンロードが発生するため、静かな税金ではなく意図的なオプトインになっています。ラスターのみ対応(PNG、JPG、WebP、AVIF、TIFF)で、エクスポートパネルでチェックするか、共有リンクでdurable=1として渡します。デスクトップ版・モバイル版アプリでは、オフラインではモデルを取得する接続先がないため、このカードは無効表示ではなく完全に非表示になります。
コンテンツ保護。 エクスポートパネルでは、Password protect、C2PA Credentials、Lolly Imprint、Durable credentialが、折りたたまれたフォーマット対応のContent protectionグループにまとめられ、ファイルの証跡・保護オプションが1か所に集まります - グループには選択したフォーマットに適用可能なカードのみが表示され、該当するものがまったくない場合はグループごと非表示になります。印刷マークは意図的にこのグループには含まれていません。これらは保護ではなく印刷生産のジオメトリだからです。そのためPrint marks & bleed(ミリメートル単位の裁ち落とし寸法、およびCrop、Registration、Bleed、Colour bars、Stamp detailsを含む)は、印刷用フォーマットで独立したトップレベルのカードを保ちます。
signed by Lollyvector SVG自分で確認するGet the signed file21 paths~1.5k nodes35 groups3 images24 KB
signed by Lollyvector SVG自分で確認するGet the signed file21 paths~1.5k nodes35 groups3 images24 KB
エクスポート前(印刷プリフライト)。 プロフィールの機能フラグでPrint preflight(export-preflight)をオンにすると - これはデフォルトでオフなので、チャットメッセージ用にPNGをエクスポートする個人が印刷所向けの検出結果に不意打ちされることはなく、デプロイのコントロールプレーン(lolly.work)はメンバー向けにデフォルトでオンにすることもできます - パネルの下部、ボタンのすぐ上にBefore you exportカードが表示されます。印刷ルールがその案件について何か伝えるべきことがある場合は常に表示され、フォーマット・サイズ・裁ち落とし、続いてトリムと裁ち落とし領域、インクカバレッジ、版数、ページ数が、見出しの横に判定とともに示されます。これは他の設定についての記述であり、設定そのものの1つではないため、すべての設定の下に配置されており、エクスポートをブロックすることは決してありません。印刷所がこれから目にするものを教えてくれます。
あなたのレートカードから算出されたコスト。 プリフライトの下 - 一番最後、ボタンの上 - には、その同じ集計を金額に変換するカードがあります。ただし、誰かが与えた価格からのみ算出されます。プリフライトのパスが数えたものをそのまま読み取り、プリフライトのカード自体がオンかどうかに関わらず動作します。表示には2つの条件が満たされている必要があります。案件に価格表が算出できる何か(版、シート、面積、ページ、バリエーション行、出力ファイル - 単純なロゴPNGでは決して表示されません)があること、かつレートカードが存在することです。レートカードは、あなたの印刷会社からのJSON価格表です。デフォルトのビルドにはこれが一切含まれておらず、アプリ内で読み込む手段もありません。デプロイが同梱するカタログアセットとして届くか、セルフホスターやコントロールプレーンがオンにするオプションのレートカード拡張機能を通じて届くかのいずれかです。レートカードがなければ、何も表示されません - プロンプトも、空のテーブルもです。
この仕組み全体が基づいているルールは、決して金額を捏造しないことです。すべての数字は、あなたが指定したレートにLollyが数えた数量を掛けたものであり - 4版 × €35.00 - 合計はその数字と同じ文の中で自分自身の出典を明示します。カードが名乗る発行元と、カードが自らの価格の日付だと述べる日付です。ファイル自体について書かれていることは、あくまで伝聞として扱われます。「ファイルによれば:… Lollyはこれを検証していません。」
そして誠実に算出できない場合、稼働テーブルはグレーアウトしたり数字を埋めたりして劣化するのではなく、消えます。
- カードが価格を付けられない行は、合計をまったく出さないことを意味します - それらが何行未価格なのかを示す見出しだけが表示されます。部分的な合計は、より小さい答えではなく、間違った答えです。
- 正確な数ではなく上限である数量は、「up to(最大)」を小計まで一貫して引き継ぎます。境界値が定額の数字にすり替えられることはありません。
- 有効期限を過ぎたレートはカウントのみを表示し、Use these rates anywayを押すまでそのままです - 押した後は期限日が数字とともに表示されるため、期限切れの合計が現行のものとして読まれることはありません。
- リンク経由で開いた場合、金額はこのデバイス上で要求するまで非表示のままです。カードもその開示も、URLに乗って移動することは決してありません - これはCLIが
--rate-card=<file.json>をリンクパラメータとしてではなく、ローカルファイルフラグとして受け取る理由と同じです。
このカードはコンテンツではなくクロームです。あらゆるエクスポートステージから取り除かれるため、ダウンロードするファイルの1ピクセルたりとも動かすことはありません。そしてこれは見積もりではなく計算です - 見積もりを出せるのはあなたの印刷会社だけです。
合成レンダー。 あるツールが別のツールの出力を埋め込む場合(例:Event Name BadgeがQR Codeを埋め込む場合)、ネストされたレンダーは親のエクスポートにインライン化されます - SVGとPDFでは真のベクターのままとなり、PNG/JPG/WebPでは鮮明にラスタライズされます。埋め込まれた子は中間成果物であり、透かしも証跡も独自には付きません。完成した親アセットにのみ付きます。(合成はSVGとラスターフォーマットに対応しています。HTML/MD/TXTは合成できません。)
パスワード保護
2種類の独立したロックがあり、いずれも完全にオンデバイスで動作します。
PDFオープンパスワード - エクスポートパネルの Password protect カードには2つの階層があります。
signed by Lollyvector SVG自分で確認するGet the signed file11 paths~4.4k nodes11 groups1 image51 KB
signed by Lollyvector SVG自分で確認するGet the signed file11 paths~4.4k nodes11 groups1 image51 KB
- Standard - 基本的な40ビットロック(RC4)。どのPDFアプリでも開けますが、軽度の抑止力に過ぎず実質的な保護ではないため、共有リンクにそのまま含まれることがあります(設計上、平文で)。RGB
pdfのみ。 - Strong - AES-256(PDF 2.0)。パスワードはエクスポート時に入力され、リンクに含まれることは決してありません。開けるのは比較的新しいPDFアプリ(Acrobat / Preview ~2018以降)のみで、古いアプリではファイルが破損していると表示される場合があります。Strongは印刷用/CMYK PDFやバッチzip内の各PDFにも適用されます(バッチ確認ダイアログでパスワードを収集します)。PDF/X-4は暗号化を禁じているため、Strongでロックされた印刷用PDFはCMYK、トンボ、出力インテントを保持しますが、PDF/X-4適合性の主張は失われます。
どちらの階層もContent Credentialsとは併用できません(暗号化されたPDFにはクレデンシャルを付与できません)。
ロック付きダウンロード(zip全体+多層防御) - ZIPエクスポート(エクスポートパネルの ZIP 形式で、ツールの複数フォーマットをまとめたもの)、フォルダダウンロード(Projects → Download)、またはバッチグリッドは、1つのパスワードでzip全体を2つの階層でロックできます。
- Standard - 従来のZipCrypto:Windowsエクスプローラー標準の解凍機能を含むどの解凍ツールでも開けますが、強度は弱く抑止力に過ぎません。パスワードは
?password=共有リンクに含まれることがあります。 - Strong - AES-256(WinZip AE-2):強力ですが、Windowsエクスプローラー標準の解凍機能では開けません - 受信者は7-Zip / WinZip / Keka / macOSが必要です。エクスポート時に入力し、リンクには決して含まれません。
エクスポートパネルの同じ Password protect カードがPDFロックとZIPロックの両方を制御し、選択したフォーマットに応じて表示内容が変わります。1つのパスワードですべてのメンバー - 画像、SVG、PDFを含むあらゆるもの - を保護します(非PDFファイルはそれ自体にロック機能がないため、zipコンテナのみが保護できます)。さらに多層防御として、内部の各PDFは同じパスワードで個別にもAES-256ロックされるため、zipを展開した後もPDFはロックされたままです。プロンプトはダウンロード開始時に表示され、パスワードを空欄にするとロックなしになります。
パスワード保護された共有リンク - どの共有リンクも暗号化でき、開く際に受信者にパスワードを要求できます。リンクの状態全体がパスワードから導出された鍵(PBKDF2)でAES-256暗号化されます。伝送されるのは暗号文のみなので、パスワードがリンクに含まれることは決してなく、復号は受信者のブラウザ内で行われます - リンクを配信するサーバーが目にするのはURL内の暗号文のみで、パスワードも復号後のデザインも見えません。Shareダイアログで有効にします。暗号化されたリンクはLolly内でのみ開くことができます(その経路ではプロンプトを表示できないため、画像として埋め込むことはできません)。URL Mode → Encrypted links を参照してください。
Content Credentials(C2PA)
エクスポートにはContent Credentialsを付与できます - ファイルに埋め込まれた署名付きC2PAマニフェストで、そのファイルがLollyで作成され、以降改ざんされていないことを改ざん検知可能な形で記録します。これは上記の来歴メタデータの標準規格版であり、ファイルのバイトのハッシュに紐づいた暗号学的な主張(何が、いつ、誰によって、どこで作成したか)なので、後からの編集はC2PA対応ビューアーで検知できます。この標準はContent Authenticity Initiative(Adobe、BBC、Microsoft、Nikonなど)によって管理されており、Lollyが書き込むクレデンシャルはカメラ、報道機関、クリエイティブスイートが採用しているものと同じです。
signed by Lollyvector SVG自分で確認するGet the signed file8 paths652 nodes14 groups2 images13 KB
signed by Lollyvector SVG自分で確認するGet the signed file8 paths652 nodes14 groups2 images13 KB
- フォーマット。 C2PA埋め込みに対応するすべてのコンテナ: PDF(RGB・印刷用の両方)、PNG / Animated PNG、JPG、GIF、SVG、TIFF(RGB・印刷用)、WebP(静止画・アニメーション)、AVIF、MP4、WebM、および音声コンテナのMP3、WAV、M4A、OGG/Opus - 録音・合成された音声クリップにも画像と同じクレデンシャルが付与されます。ZIPバンドルは対応する各メンバーに個別にスタンプし、Animated SVGもここで取得します(内部的には通常のSVGドキュメントであり、Animated SVGを直接エクスポートした場合はカード自体が表示されません)。MP4、AVIF、M4Aは仕様のBMFFバインディングを、MP3はID3v2マッピングを使用するため、
c2patoolなど他のC2PA対応ビューアーで検証できます。WebMとOGG/Opusにはまだ標準化されたC2PAマッピングがないため、Lollyはそれぞれマニフェストをマトロスカ添付ファイル、OpusTagsフィールドとして保持し、Lolly自身の検証機能(およびCLI)でチェックします。(ico、eps、emf、dxf、bmp、pptx、Office形式、テキスト/データ形式にはC2PAコンテナがありません。) - デフォルトでオン。 エクスポートパネルのC2PA Credentialsカードはほぼすべてのツールであらかじめ選択されています - チェックを外せば1回のエクスポートだけクレデンシャルを省略できます(または共有リンクに
c2pa=offを指定)。ツール側でマニフェストによって完全にオプトアウトすることもできます。 - 記録内容。 ファイルを作成したツールとアプリ、署名時刻、エクスポート環境(ブラウザエンジン系統+OS系統 - 意図的に粗い情報で、フィンガープリントにはなりません)、そして Profile → Use my details がオンの場合のみ、作品の作者としてのあなたの氏名とメールアドレス。
- 受信者に表示される内容。 コンテンツクレデンシャルを検証するツール(Adobeアプリ、
c2patool、contentcredentials.org/verify)はマニフェストを読み取り、その主張を表示します。Lollyはデバイス上で生成した鍵で署名しており、信頼リストの証明書ではないため、ビューアーはこれを未検証のクレデンシャルとして報告します。構造と改ざん検知そのものは本物ですが、署名者の身元を認証局が保証していないだけです。これを引き上げるには、verified identity(検証済みID)(Profile → Content Credentials)を登録できます。Lolly CAが発行する短期証明書がメールアドレスをエクスポートに紐づけますが、署名鍵はそれでもデバイスから外に出ません - 詳しくはContent Credentials Identityを参照してください。 - ファイルの確認。 Lollyは自身のクレデンシャルも検証できます。任意のファイルを/verifyにドロップする(またはCLIで
lolly validate <file>を実行する)と、そのファイルが本当にLollyで作成され以降変更されていないかを冒頭に示すオンデバイスレポートが得られます。WebのVerifyビューはクレデンシャルにとどまらず、AI生成コンテンツにフラグを立て、Lolly Imprintを検出し、SEAL署名や(オプトインの)サードパーティのピクセル透かしをチェックし、隠しデータを表面化します - すべてオンデバイスで行われ、アップロードは一切ありません。Content Credentials Identity → Beyond the credential を参照してください。 - プライバシー。 すべてデバイス上で完結します。署名鍵はエクスポートのために生成されブラウザの外に出ることはなく、何もアップロードされず、主張の内容は来歴メタデータがすでに持つ情報のみです。プライバシーユーティリティ(あなた自身のファイルのオンデバイス変換)はクレデンシャルを追加することはなく、Strip Hidden Dataは他の埋め込みメタデータと同様にC2PAマニフェストも削除します。
- 相互作用。 PDFの場合、Content Credentialsとパスワード保護(どちらの階層でも - 上記参照)は併用できません(暗号化されたPDFにはクレデンシャルの添付ができません)。クレデンシャルは完成したバイト列に対する最終ステップとして追加されます - DPI/EXIF/カラープロファイルのスタンプ、PDF/Xメタデータ、印刷マークの後です。
スマートフォンでの表示
エクスポート操作はフローティングのRenderボタンの先にあり、これをタップするとExportシートが開きます - フォーマット、サイズ、コピー、ダウンロード、共有はタッチ操作向けに調整されている点を除き同じです。
フォーマットリファレンス
ホストがレンダリングできるすべてのidをグループ分けしたものです。これらはURLの format= パラメータおよびCLIの --export= フラグの値でもあります - URL Mode と CLI を参照してください。各ツールは作者が宣言したサブセットのみを提供するため、ピッカーには常にこのリストより少ない項目しか表示されません。
| 種類 | Ids |
|---|---|
| ラスター | png · jpg/jpeg · webp · avif · tiff (RGB TIFF) · cmyk-tiff (印刷用TIFF) · bmp · ico |
| ベクター | svg · svgz (gzip圧縮SVG) · emf · wmf · eps · eps-cmyk (EPS CMYK) · dxf (カットファイル) |
| ページ・ドキュメント | pdf · pdf-cmyk (印刷用PDF) · pptx (PowerPoint) · docx (Word) · odt (OpenDocument Text) |
| モーション | gif · apng (Animated PNG) · webp-anim (Animated WebP) · svg-anim (Animated SVG) · webm · mp4 |
| オーディオ | wav · mp3 · m4a · opus |
| テキスト・データ | html · md · txt · json · csv · ics · vcf · css · scss · gpl (GIMPパレット) |
| バンドル | zip |
共有レンダリングパスではなくツール自身のエクスポートフックから生成されるidがいくつかあります: ase(Adobe Swatch Exchange、Palette Labから)、exr と hdr(Darkroomのハイダイナミックレンジラスター)、ttf / otf / woff(Font Convert)。フォーマットの選び方は同じです - ピッカー、format=、--export= - バイト列を組み立てるのがそのツール自身というだけです。Font Convertだけは例外で、あなたが用意したフォントファイルを変換するため、素のURLでレンダリングできるものは何もありません。