誰かが画像のディレクトリから画像タグを自動的に生成するスクリプトを持っていますか？

Question

I Photoshopでスライスの多くを行う、それは手動でそれらのそれぞれのために<img />タグを記述するために退屈だ - 私は使用することができるなど、ファイル名に書き込み高さと幅をチェックし、ALTタグを書く

Photoshopを使用してHTMLを生成しますが、通常はXHTMLを生成しないか、テーブルにラップするなどして処理します。私は自分の人生をそれより簡単にしようとしています。

誰かがディレクトリに基づいてimgタグを自動的に生成するスクリプトを使用しているのでしょうか？または、私が知りませんがいくつかのIDEはこれを行うのですか？私はちょうどそのようなタグの束を生成したい：

<img src="{filename}" alt="" width="{width}" height="{height}" /> 

Answer 1

最初に私はあなたのイメージ内の幅と高さの情報を持っていることをお勧めしたいと思います。あなたがこれをするのはとても良いことです、誰もがこれをやるべきです。 imagemagickやgdなどの画像ライブラリでこれを行うには、PythonやPHPなどのスクリプト言語を使用できます。どの言語やツールを使ってサイトを運営しているのかわからなくても、私は実際に例を挙げることはできません。右の画像タグを生成する

<div> 
    <% addImg("/images/myImage.png") %> 
</div> 

は：どこかあなたのpythonで

<div> 
    <img src="/images/myImage.png" alt="MyImage" width="200" height="100" /> 
</div> 

は、ユーザーが定義：

あなたはこのような何かを行う可能性がありますテンプレートシステムを使ってPythonで

、

def addImg(imgPath): 
    #do image processing here 

Answer 2

Photoshopがこれに相応しい仕事をしている場合は、出力を処理するのが最も簡単な場合がありますそこから正規表現を使って問題を解決しています。これはおそらく、最初からその機能を再実装しようとするより簡単です。

PhotoshopのHTML出力のサンプルを投稿できる場合は、探しているものに変換する正規表現の検索/置換を指定できます。

Answer 3

製のPHPスクリプト：

<?php 

$images = scandir('images'); 

$txt = ''; 

$tmpl = '<img id="{{id}}" src="images/{{name}}">'; 
foreach($images as $image) { 

    $tag = $tmpl; 
    $tag = str_replace('{{id}}', explode('.', $image)[0], $tag); 
    $tag = str_replace('{{name}}', $image, $tag); 

    $txt .= $tag . "\n"; 
} 

file_put_contents('tags.txt', $txt); 

は、PHPファイルを作成し、それを実行します。

のphp script.php

PHPスクリプトは、imagesフォルダと同じディレクトリになければなりません。

あなたの画像はtags.txtファイルに保存されます。