PageSourceSearch

http://www.resize-photos.com/examples

html resize-photos.com collected 2026-10-03 21:37:13 UTC 12,712 bytes, 493 lines download raw bytes

1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2
3<html>
4
5<head profile="http://www.w3.org/2005/11/profile">
6
7<link rel="shortcut icon" type="image/x-icon" href="http://www.resize-photos.com/images/favicon.ico" />
8
9<title>Resize Photos Examples of Compression, Borders, Captions, Shadows, Rounded Corners, Reflection, and Image Effects </title>
10
11
12
13<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
14<meta http-equiv="Content-Encoding" content="gzip" />
15<meta http-equiv="Accept-Encoding" content="gzip, deflate" />
16<meta http-equiv="Pragma" content="no-cache" /> 
17<meta http-equiv="CACHE-CONTROL" content="no-cache" /> 
18<meta http-equiv="Expires" content="Mon, 26 Jul 1997 05:00:00 GMT" />
19
20
21
22<link rel="stylesheet" type="text/css" href="http://www.resize-photos.com/css/styles.php" media="all" />
23
24
25
26
27
28
29
30    
31    
32
33
34
35
36
37
38
39
40
41
42
43
44<style type="text/css">
45
46.left_col {
47    text-align: right;
48    padding: 2px;
49    width: 50%;
50    font-size: 12px;
51}
52.right_col {
53    text-align: left;
54    padding: 2px;
55    width: 50%;
56    font-size: 12px;
57}
58
59</style>
60
61
62
63<script type="text/javascript">
64
65  var _gaq = _gaq || [];
66  _gaq.push(['_setAccount', 'UA-647778-20']);
67  _gaq.push(['_trackPageview']);
68
69  (function() {
70    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
71    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
72    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
73  })();
74
75</script>
75
76
77</head>
78
79
80
81
82
83
84
85<body>
86
87  
88     
89    
90
91
92
93
94
95<div class="body_wrap" align="center">
96  <div class="body_container">
97
98
99    <div class="header_container" align="center">
100      <div class="header" align="center">
101      
102     
103		<div id="header_ad_wrap">
104		  
105<script type="text/javascript"><!--
106google_ad_client = "ca-pub-1164988015239266";
107// resize_photos_header_ad_468x60 //
108google_ad_slot = "9462586046";
109google_ad_width = 468;
110google_ad_height = 60;
111//-->
112</script>
vendor: 1 bytes, line 112
112
113<script type="text/javascript"
114src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
115</script>
115  
116		  
117		</div>	
118
119
120	    <div id="logo_wrap">
121	      <a href="http://www.resize-photos.com"><img src="http://www.resize-photos.com/images/template_images/logo.png" /></a>
122	    </div>			    
123	
124      </div>
125    </div>
126
127
128
129    <div class="topnav_spacer">
130      &nbsp;
131    </div>
132
133
134    <div class="topnav" align="center">
135      <ul id="topnav_list">
136        <li><a href="http://www.resize-photos.com/">Resize Photos</a></li>
137        <li><a href="http://www.resize-photos.com/examples">Examples</a></li>
138        <li><a href="http://www.resize-photos.com/" target="_blank">Jpeg Optimizer</a></li>
139        <li><a href="http://www.viewexifdata.com/" target="_blank">View Exif Data</a></li>
140        <li><a href="http://www.resize-photos.com/help">Help</a></li>
141        <li><a href="http://www.resize-photos.com/contact">Contact</a></li>
142      </ul>
143    </div>
144
145
146
147  <div class="spacer">&nbsp;</div>
148
149
150  <div id="main_ad_wrap" align="center">
151	
152<script type="text/javascript"><!--
153google_ad_client = "ca-pub-1164988015239266";
154// resize_photos_banner_ad_728x90 //
155google_ad_slot = "6636950643";
156google_ad_width = 728;
157google_ad_height = 90;
158//-->
159</script>
vendor: 1 bytes, line 159
159
160<script type="text/javascript"
161src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
162</script>
162	
163
164  </div>
165  
166  
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183<div class="body_wrapper" align="center">    
184  <div class="body_wrapper_inside" align="left">    
185        
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203<div style="margin-top: 30px;">
204  <h1 class="h1_main">Image Effects</h1>
205    
206		<table style="width: 100%;">
207			<tr>
208				<td style="width: 136px;" align="center"><img src="http://www.resize-photos.com/images/examples/effects/no_effect.jpg" style="border: 1px solid #666666;" /></td>
209				<td style="width: 136px;" align="center"><img src="http://www.resize-photos.com/images/examples/effects/sepia.jpg" style="border: 1px solid #666666;" /></td>
210				<td style="width: 136px;" align="center"><img src="http://www.resize-photos.com/images/examples/effects/vintage.jpg" style="border: 1px solid #666666;" /></td>
211				<td style="width: 136px;" align="center"><img src="http://www.resize-photos.com/images/examples/effects/greyscale.jpg" style="border: 1px solid #666666;" /></td>
212				<td style="width: 136px;" align="center"><img src="http://www.resize-photos.com/images/examples/effects/greyscale_dramatic.jpg" style="border: 1px solid #666666;" /></td>
213				<td style="width: 136px;" align="center"><img src="http://www.resize-photos.com/images/examples/effects/black_
213white.jpg" style="border: 1px solid #666666;" /></td>
214				<td style="width: 136px;" align="center"><img src="http://www.resize-photos.com/images/examples/effects/negative.jpg" style="border: 1px solid #666666;" /></td>
215			</tr>
216			<tr>
217				<td style="width: 136px;" align="center"><span class="small_text">No Effect</span></td>
218				<td style="width: 136px;" align="center"><span class="small_text">Sepia</span></td>
219				<td style="width: 136px;" align="center"><span class="small_text">Vintage</span></td>
220				<td style="width: 136px;" align="center"><span class="small_text">Greyscale</span></td>
221				<td style="width: 136px;" align="center"><span class="small_text">Greyscale Dramatic</span></td>
222				<td style="width: 136px;" align="center"><span class="small_text">Black &amp; White</span></td>
223				<td style="width: 136px;" align="center"><span class="small_text">Negative</span></td>
224			</tr>
225		</table>
226  
227</div>
228
229
230
231
232
233
234<div style="margin-top: 30px;" align="center">
235  <h1 class="h1_main">Examples</h1>
236    <div>
237		<table>
238			<tr>
239			  <td style="width: 420px; padding-right: 20px; vertical-align: top;">
240				<img src="http://www.resize-photos.com/images/examples/caption_border.jpg" style="border: none;" />
241			  </td>
242			  <td style="width: 400px; vertical-align: top;">
243			    <div class="examples_info">
244			    
245			      <table style="width: 100%;">
246				    <tr>
247				      <td class="left_col"><strong>Width:</strong></td>
248				      <td class="right_col">400 pixels</td>
249				    </tr>
250				    <tr>
251				      <td class="left_col"><strong>Caption Font:</strong></td>
252				      <td class="right_col">Playball</td>
253				    </tr>
254				    <tr>
255				      <td class="left_col"><strong>Caption Font Size:</strong></td>
256				      <td class="right_col">18</td>
257				    </tr>
258				    <tr>
259				      <td class="left_col"><strong>Caption Font Color:</strong></td>
260				      <td class="right_col">White (#FFFFFF)</td>
261				    </tr>
262				    <tr>
263				      <td class="left_col"><strong>Caption Box Size:</strong></td>
264				      <td class="right_col">40</td>
265				    </tr>
266				    <tr>
267				      <td class="left_col"><strong>Caption Box Padding:</strong></td>
268				      <td class="right_col">5</td>
269				    </tr>
270				    <tr>
271				      <td class="left_col"><strong>Caption Box Color:</strong></td>
272				      <td class="right_col">Black (#000000)</td>
273				    </tr>
274				    <tr>
275				      <td class="left_col"><strong>Border:</strong></td>
276				      <td class="right_col">5</td>
277				    </tr>
278				    <tr>
279				      <td class="left_col"><strong>Border Color:</strong></td>
280				      <td class="right_col">#EEEEEE</td>
281				    </tr>
282				    <tr>
283				      <td class="left_col"><strong>Secondary Border:</strong></td>
284				      <td class="right_col">1</td>
285				    </tr>
286				    <tr>
287				      <td class="left_col"><strong>Secondary Border Color:</strong></td>
288				      <td class="right_col">#BBBBBB</td>
289				    </tr>
290				  </table>
291			    </div>
292			  </td>
293			</tr>
294		  </table>  
295	    </div>
296	    
297	    
298	    
299	    
300    <div style="height: 35px;">&nbsp;</div>
301	    
302	    
303	    
304	    
305      <div>
306		<table>
307			<tr>
308			  <td style="width: 420px; padding-right: 20px; vertical-align: top;">
309				<img src="http://www.resize-photos.com/images/examples/example_2.png" style="border: none;" />
310			  </td>
311			  <td style="width: 400px; vertical-align: top;">
312			    <div class="examples_info">
313			    
314			      <table style="width: 100%;">
315				    <tr>
316				      <td class="left_col"><strong>Width:</strong></td>
317				      <td class="right_col">400 pixels</td>
318				    </tr>
319				    <tr>
320				      <td class="left_col"><strong>Output Format:</strong></td>
321				      <td class="right_col">PNG</td>
322				    </tr>
323				    <tr>
324				      <td class="left_col"><strong>Border:</strong></td>
325				      <td class="right_col">2</td>
326				    </tr>
327				    <tr>
328				      <td class="left_col"><strong>Border Color:</strong></td>
329				      <td class="right_col">#FFFFFF</td>
330				    </tr>
331				    <tr>
332				      <td class="left_col"><strong>Shadow Angle:</strong></td>
333				      <td class="right_col">45</td>
334				    </tr>
335				    <tr>
336				      <td class="left_col"><strong>Shadow Blur:</strong></td>
337				      <td class="right_col">15</td>
338				    </tr>
339				  </table>
340			    </div>
341  				<div style="font-size: 11px; padding-top: 10px; font-style: italic;">* PNG format must be used with shadows.</div>
342			  </td>
343			</tr>
344		  </table>  
345	    </div>
346	    
347	    
348	    
349	    
350    <div style="height: 35px;">&nbsp;</div>
351	    
352	    
353	    
354	    
355      <div>
356		<table>
357			<tr>
358			  <td style="width: 420px; padding-right: 20px; vertical-align: top;">
359				<img src="http://www.resize-photos.com/images/examples/example_3.jpg" style="border: none;" />
360			  </td>
361			  <td style="width: 400px; vertical-align: top;">
362			    <div class="examples_info">
363			    
364			      <table style="width: 100%;">
365				    <tr>
366				      <td class="left_col"><strong>Width:</strong></td>
367				      <td class="right_col">400 pixels</td>
368				    </tr>
369				    <tr>
370				      <td class="left_col"><strong>Output Format:</strong></td>
371				      <td class="right_col">JPG</td>
372				    </tr>
373				    <tr>
374				      <td class="left_col"><strong>Photo Effect:</strong></td>
375				      <td class="right_col">Sepia</td>
376				    </tr>
377				    <tr>
378				      <td class="left_col"><strong>Reflection Height:</strong></td>
379				      <td class="right_col">80 pixels</td>
380				    </tr>
381				    <tr>
382				      <td class="left_col"><strong>Reflection Transarency:</strong></td>
383				      <td class="right_col">20%</td>
384				    </tr>
385				    <tr>
386				      <td class="left_col"><strong>
386Background Color:</strong></td>
387				      <td class="right_col">#3D1E01</td>
388				    </tr>
389				  </table>
390			    </div>
391			  </td>
392			</tr>
393		  </table>  
394	    </div>
395	    
396	    
397	    
398	    
399    <div style="height: 35px;">&nbsp;</div>
400	    
401	    
402	    
403	    
404      <div>
405		<table>
406			<tr>
407			  <td style="width: 420px; padding-right: 20px; vertical-align: top;">
408				<img src="http://www.resize-photos.com/images/examples/example_4.png" style="border: none;" />
409			  </td>
410			  <td style="width: 400px; vertical-align: top;">
411			    <div class="examples_info">
412			    
413			      <table style="width: 100%;">
414				    <tr>
415				      <td class="left_col"><strong>Width:</strong></td>
416				      <td class="right_col">400 pixels</td>
417				    </tr>
418				    <tr>
419				      <td class="left_col"><strong>Output Format:</strong></td>
420				      <td class="right_col">PNG</td>
421				    </tr>
422				    <tr>
423				      <td class="left_col"><strong>Caption Font Size:</strong></td>
424				      <td class="right_col">14</td>
425				    </tr>
426				    <tr>
427				      <td class="left_col"><strong>Caption Font Color:</strong></td>
428				      <td class="right_col">White (#FFFFFF)</td>
429				    </tr>
430				    <tr>
431				      <td class="left_col"><strong>Caption Box Thickness:</strong></td>
432				      <td class="right_col">38</td>
433				    </tr>
434				    <tr>
435				      <td class="left_col"><strong>Caption Box Color:</strong></td>
436				      <td class="right_col">#1E280D</td>
437				    </tr>
438				    <tr>
439				      <td class="left_col"><strong>Rounded Corner Radius:</strong></td>
440				      <td class="right_col">10</td>
441				    </tr>
442				  </table>
443			    </div>
444  				<div style="font-size: 11px; padding-top: 10px; font-style: italic;">* PNG format must be used with rounded corners.</div>
445			  </td>
446			</tr>
447		  </table>  
448	    </div>
449	    
450	    
451	    
452	    
453	    
454</div>
455
456
457
458     
459            <p>&nbsp;</p>
460          </div>
461     
462     
463            <p>&nbsp;</p>
464     
465
466<div class="copyright">
467    &copy; Copyright 2026 - <a href="http://www.resize-photos.com/">Resize-Photos.com</a> - Version 0.0.1</div>
468
469
470     
471            <p>&nbsp;</p>
472     
473
474
475      </div>
476    </div>
477
478
479  </div>
480</div>
481
482
483        
484</body>
485</html>
486
487
488 
489
490
491
492
493

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.