ਵੈਬਸਾਈਟ ਸਕ੍ਰੀਨਸ਼ਾਟ ਕੈਪਚਰ ਕਰੋ ਜਾਂ HTML ਨੂੰ ਚਿੱਤਰਾਂ ਵਿੱਚ ਬਦਲੋ

ਵੈੱਬਪੇਜਾਂ ਦੇ ਬਿਹਤਰ ਚਿੱਤਰ ਸਕਰੀਨਸ਼ਾਟ ਤਿਆਰ ਕਰੋ ਜਾਂ ਹੇਠਾਂ ਦਿੱਤੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ HTML ਨੂੰ ਸਿੱਧਾ ਚਿੱਤਰਾਂ ਵਿੱਚ ਬਦਲੋ ਗਰੈਬਜ਼ਿਟ ਦਾ ਰੂਬੀ ਏ.ਪੀ.ਆਈ.. ਪਰ ਤੁਹਾਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਯਾਦ ਰੱਖੋ ਕਿ ਫੋਨ ਕਰਨ ਤੋਂ ਬਾਅਦ url_to_image, html_to_image or file_to_image theੰਗ save or save_to ਚਿੱਤਰ ਬਣਾਉਣ ਲਈ methodੰਗ ਨੂੰ ਬੁਲਾਉਣਾ ਲਾਜ਼ਮੀ ਹੈ.

ਮੁ Optionsਲੇ ਚੋਣਾਂ

ਵੈਬ ਪੇਜ ਜਾਂ ਸਕ੍ਰੀਨਸ਼ਾਟ ਲੈਣ ਲਈ ਸਿਰਫ ਇਕ ਪੈਰਾਮੀਟਰ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ HTML ਨੂੰ ਤਬਦੀਲ intਓਏ ਚਿੱਤਰ ਜਿਵੇਂ ਕਿ ਹੇਠਲੀ ਉਦਾਹਰਣ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ.

ਚਿੱਤਰ ਨੂੰ ਯੂਆਰਐਲ
HTML ਤੋਂ ਪ੍ਰਤੀਬਿੰਬ
ਚਿੱਤਰ ਤੋਂ ਫਾਈਲ

grabzItClient.url_to_image("https://www.tesla.com")
# Then call the save or save_to method

grabzItClient.html_to_image("<html><body><h1>Hello World!</h1></body></html>")
# Then call the save or save_to method

grabzItClient.file_to_image("example.html")
# Then call the save or save_to method

ਚਿੱਤਰ ਫਾਰਮੈਟ

ਗਰੈਬਜ਼ਟ ਦੀ ਰੂਬੀ ਏਪੀਆਈ ਕਈ ਰੂਪਾਂ ਵਿੱਚ ਚਿੱਤਰ ਸਕਰੀਨਸ਼ਾਟ ਲੈ ਸਕਦੀ ਹੈ, ਜਿਵੇਂ ਜੇਪੀਜੀ, ਪੀ ਐਨ ਜੀ, ਡਬਲਯੂਈਬੀਪੀ, ਬੀ ਐਮ ਪੀ (8 ਬਿੱਟ, 16 ਬਿੱਟ, 24 ਬਿੱਟ ਜਾਂ 32 ਬਿੱਟ) ਅਤੇ ਟੀਆਈਐਫਐਫ. ਚਿੱਤਰ ਦੇ ਸਕਰੀਨਸ਼ਾਟ ਦਾ ਡਿਫੌਲਟ ਫਾਰਮੈਟ ਜੇਪੀਜੀ ਹੈ. ਹਾਲਾਂਕਿ ਜੇਪੀਜੀ ਪ੍ਰਤੀਬਿੰਬ ਦੀ ਗੁਣਵੱਤਾ ਕੁਝ ਕਾਰਜਾਂ ਲਈ ਇੰਨੀ ਚੰਗੀ ਨਹੀਂ ਹੋ ਸਕਦੀ ਕਿ ਇਨ੍ਹਾਂ ਸਥਿਤੀਆਂ ਵਿੱਚ ਪੀ ਐਨ ਜੀ ਫਾਰਮੈਟ ਨੂੰ ਚਿੱਤਰ ਸਕ੍ਰੀਨਸ਼ਾਟ ਲਈ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਕਿਉਂਕਿ ਇਹ ਗੁਣਵੱਤਾ ਅਤੇ ਫਾਈਲ ਅਕਾਰ ਦੇ ਵਿਚਕਾਰ ਇੱਕ ਚੰਗਾ ਸੰਤੁਲਨ ਦਿੰਦਾ ਹੈ. ਹੇਠਾਂ ਦਿੱਤੀ ਉਦਾਹਰਣ ਇੱਕ ਚਿੱਤਰ ਸਕਰੀਨਸ਼ਾਟ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ ਜੋ PNG ਫਾਰਮੈਟ ਦੀ ਵਰਤੋਂ ਨਾਲ ਲਈ ਜਾ ਰਹੀ ਹੈ.

ਚਿੱਤਰ ਨੂੰ ਯੂਆਰਐਲ
HTML ਤੋਂ ਪ੍ਰਤੀਬਿੰਬ
ਚਿੱਤਰ ਤੋਂ ਫਾਈਲ

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.format = "png"

grabzItClient.url_to_image("https://www.tesla.com", options)
# Then call the save or save_to method
grabzItClient.save_to("result.png")

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.format = "png"

grabzItClient.html_to_image("<html><body><h1>Hello World!</h1></body></html>", options)
# Then call the save or save_to method
grabzItClient.save_to("result.png")

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.format = "png"

grabzItClient.file_to_image("example.html", options)
# Then call the save or save_to method
grabzItClient.save_to("result.png")

ਬਰਾ Browਜ਼ਰ ਦਾ ਆਕਾਰ

ਬ੍ਰਾ .ਜ਼ਰ ਦਾ ਆਕਾਰ ਬ੍ਰਾ browserਜ਼ਰ ਵਿੰਡੋ ਦੇ ਆਕਾਰ ਦਾ ਹਵਾਲਾ ਦਿੰਦਾ ਹੈ ਜਿਹੜੀ ਕਿ ਜ਼ਿਆਦਾਤਰ ਮਾਮਲਿਆਂ ਵਿੱਚ ਸਕ੍ਰੀਨਸ਼ਾਟ ਕੈਪਚਰ ਕਰਨ ਵੇਲੇ ਵਰਤੀ ਜਾਏਗੀ, ਇਸ ਨੂੰ ਸੈੱਟ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ ਕਿਉਂਕਿ ਸਾਰੇ ਬ੍ਰਾ .ਜ਼ਰ ਦੇ ਸਾਰੇ ਕੰਮਾਂ ਲਈ ਡਿਫੌਲਟ ਬਰਾ browserਜ਼ਰ ਦਾ ਅਕਾਰ ਕਾਫੀ ਹੋਵੇਗਾ. ਬਰਾ browserਜ਼ਰ ਦਾ ਆਕਾਰ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਸਿਰਫ ਇੱਕ ਮੁੱਲ ਦਿਓ browserWidth ਅਤੇ browserHeight ਦੇ methodsੰਗ ImageOptions ਕਲਾਸ.

ਚਿੱਤਰ ਅਕਾਰ ਬਦਲੋ

ਕਿਸੇ ਚਿੱਤਰ ਦੇ ਆਕਾਰ ਨੂੰ ਬਦਲਣਾ ਸੌਖਾ ਹੈ, ਇਸ ਨੂੰ ਚਿੱਤਰ ਨੂੰ ਭੰਗ ਕੀਤੇ ਬਿਨਾਂ ਕਰਨਾ ਥੋੜਾ isਖਾ ਹੈ. ਸਾਰੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਸੌਖਾ ਬਣਾਉਣ ਲਈ ਅਸੀਂ ਤੁਹਾਨੂੰ ਇਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਸਿਫਾਰਸ਼ ਕਰਦੇ ਹਾਂ ਸਧਾਰਣ ਚਿੱਤਰ ਮਾਪ ਮਾਪ ਕੈਲਕੁਲੇਟਰ.

ਜੇ ਤੁਸੀਂ ਚਿੱਤਰ ਦੀ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਨੂੰ ਬ੍ਰਾ browserਜ਼ਰ ਦੀ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਤੋਂ ਵੱਡੇ ਆਕਾਰ ਵਿਚ ਵਧਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਜੋ ਕਿ ਮੂਲ ਰੂਪ ਵਿਚ 1366 ਦੁਆਰਾ 728 ਪਿਕਸਲ ਹੈ, ਤਾਂ ਬਰਾ browserਜ਼ਰ ਦੀ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਨੂੰ ਵੀ ਮਿਲਾਉਣ ਲਈ ਵਧਾਉਣਾ ਲਾਜ਼ਮੀ ਹੈ.

ਕਸਟਮ ਪਛਾਣਕਰਤਾ

ਤੁਸੀਂ ਇੱਕ ਕਸਟਮ ਪਛਾਣਕਰਤਾ ਨੂੰ ਪਾਸ ਕਰ ਸਕਦੇ ਹੋ ਚਿੱਤਰ ਨੂੰ shownੰਗ ਜਿਵੇਂ ਕਿ ਹੇਠਾਂ ਦਰਸਾਇਆ ਗਿਆ ਹੈ, ਇਹ ਮੁੱਲ ਫਿਰ ਤੁਹਾਡੇ ਗਰੈਬਜ਼ਆਈਟੀ ਰੂਬੀ ਹੈਂਡਲਰ ਨੂੰ ਵਾਪਸ ਕਰ ਦਿੱਤਾ ਜਾਵੇਗਾ. ਉਦਾਹਰਣ ਦੇ ਲਈ ਇਹ ਕਸਟਮ ਪਛਾਣਕਰਤਾ ਇੱਕ ਡੇਟਾਬੇਸ ਪਛਾਣਕਰਤਾ ਹੋ ਸਕਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਸਕ੍ਰੀਨਸ਼ਾਟ ਨੂੰ ਕਿਸੇ ਵਿਸ਼ੇਸ਼ ਡਾਟਾਬੇਸ ਰਿਕਾਰਡ ਨਾਲ ਜੋੜਿਆ ਜਾ ਸਕਦਾ ਹੈ.

ਚਿੱਤਰ ਨੂੰ ਯੂਆਰਐਲ
HTML ਤੋਂ ਪ੍ਰਤੀਬਿੰਬ
ਚਿੱਤਰ ਤੋਂ ਫਾਈਲ

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.customId = "123456"

grabzItClient.url_to_image("https://www.tesla.com", options)
# Then call the save method
grabzItClient.save("http://www.example.com/handler/index")

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.customId = "123456"

grabzItClient.html_to_image("<html><body><h1>Hello World!</h1></body></html>", options)
# Then call the save method
grabzItClient.save("http://www.example.com/handler/index")

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.customId = "123456"

grabzItClient.file_to_image("example.html", options)
# Then call the save method
grabzItClient.save("http://www.example.com/handler/index")

ਪੂਰੀ ਲੰਬਾਈ ਸਕਰੀਨਸ਼ਾਟ

GrabzIt ਤੁਹਾਨੂੰ ਇੱਕ ਪੂਰੇ ਵੈੱਬ ਪੇਜ ਦੀ ਪੂਰੀ ਲੰਬਾਈ ਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ ਲੈਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਅਜਿਹਾ ਕਰਨ ਲਈ ਤੁਹਾਨੂੰ ਇੱਕ -1 ਨੂੰ ਪਾਸ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ browserHeight .ੰਗ. ਇਹ ਨਿਸ਼ਚਤ ਕਰਨ ਲਈ ਕਿ ਚਿੱਤਰ ਬਰਾ browserਜ਼ਰ ਦੇ ਆਕਾਰ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ ਇਸ ਨੂੰ ਇੱਕ -1 ਪਾਸ ਕਰਦਾ ਹੈ height ਅਤੇ width ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

ਚਿੱਤਰ ਨੂੰ ਯੂਆਰਐਲ
HTML ਤੋਂ ਪ੍ਰਤੀਬਿੰਬ
ਚਿੱਤਰ ਤੋਂ ਫਾਈਲ

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.browserHeight = -1
options.width = -1
options.height = -1

grabzItClient.url_to_image("https://www.tesla.com", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.browserHeight = -1
options.width = -1
options.height = -1

grabzItClient.html_to_image("<html><body><h1>Hello World!</h1></body></html>", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.browserHeight = -1
options.width = -1
options.height = -1

grabzItClient.file_to_image("example.html", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")

ਤੁਸੀਂ ਥੰਬਨੇਲ ਵੀ ਵਾਪਸ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਕੱਟੇ ਨਹੀਂ ਹੋਏ ਹਨ, ਪਰ ਸਾਵਧਾਨ ਰਹੋ ਇਹ ਵੱਡੀਆਂ ਤਸਵੀਰਾਂ ਬਣਾ ਸਕਦਾ ਹੈ. ਅਜਿਹਾ ਕਰਨ ਲਈ ਇੱਕ ਨੂੰ -1 ਪਾਸ ਕਰੋ height ਅਤੇ / ਜਾਂ width .ੰਗ. ਉਹ ਮਾਪ ਜੋ ਇੱਕ -1 ਪਾਸ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਕ੍ਰਪਟ ਨਹੀਂ ਕੀਤਾ ਜਾਏਗਾ.

ਚਿੱਤਰ ਨੂੰ ਯੂਆਰਐਲ
HTML ਤੋਂ ਪ੍ਰਤੀਬਿੰਬ
ਚਿੱਤਰ ਤੋਂ ਫਾਈਲ

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.width = -1
options.height = -1

grabzItClient.url_to_image("https://www.tesla.com", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.width = -1
options.height = -1

grabzItClient.html_to_image("<html><body><h1>Hello World!</h1></body></html>", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.width = -1
options.height = -1

grabzItClient.file_to_image("example.html", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")

ਧਿਆਨ ਦਿਓ ਕਿ ਬਰਾ browserਜ਼ਰ ਦੀ ਪੂਰੀ ਲੰਬਾਈ ਚੌੜਾਈ ਨਹੀਂ ਹੈ!

ਇਨ੍ਹਾਂ ਵਿਸ਼ੇਸ਼ ਕਦਰਾਂ ਕੀਮਤਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਮਤਲਬ ਇਹ ਹੈ ਕਿ ਤੁਸੀਂ ਇੱਕ ਸਕ੍ਰੀਨਸ਼ਾਟ ਬਣਾ ਸਕਦੇ ਹੋ ਜੋ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਪੂਰੇ ਵੈੱਬ ਪੇਜ ਦਾ ਇੱਕ ਪੂਰਾ ਪੈਮਾਨਾ ਵਰਜ਼ਨ ਹੈ!

ਪੇਜ ਐਲੀਮੈਂਟ ਦਾ ਸਕ੍ਰੀਨ ਸ਼ਾਟ ਲਓ

ਗਰੈਬਜ਼ਿਟ ਤੁਹਾਨੂੰ ਐਚਟੀਐਮਐਲ ਐਲੀਮੈਂਟ ਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ ਲੈਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ div or span ਇਸ ਦੀ ਸਾਰੀ ਸਮੱਗਰੀ ਨੂੰ ਟੈਗ ਅਤੇ ਕੈਪਚਰ ਕਰੋ. ਇਹ ਕਰਨ ਲਈ, HTML ਐਲੀਮੈਂਟ ਜਿਸ ਦਾ ਤੁਸੀਂ ਸਕਰੀਨ ਸ਼ਾਟ ਲੈਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਇੱਕ ਦੇ ਤੌਰ ਤੇ ਨਿਰਧਾਰਤ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ CSS ਚੋਣਕਾਰ.

...
<div id="features">
	<img src="http://www.example.com/rocket.jpg"/><h3>Rocket Launch Next Week</h3>
</div>
...

ਹੇਠਾਂ ਦਿੱਤੀ ਉਦਾਹਰਣ ਲਈ ਅਸੀਂ ਆਈਡੀ "ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ" ਨਾਲ ਡਿਵ ਦੀ ਚੋਣ ਕਰਾਂਗੇ ਅਤੇ ਇਸਨੂੰ 250 x 250px JPEG ਚਿੱਤਰ ਦੇ ਰੂਪ ਵਿੱਚ ਆਉਟਪੁੱਟ ਕਰਾਂਗੇ.

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

# The 250 parameters indicates that image should be sized to 250 x 250 px
options = GrabzIt::ImageOptions.new()
options.width = 250
options.height = 250
options.format = "jpg"
options.targetElement = "#features"

grabzItClient.url_to_image("http://www.bbc.co.uk/news", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")

ਅਗਲੀ ਉਦਾਹਰਣ "ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ" ਡਿਵ ਦਾ ਇੱਕ ਹੋਰ ਸਕ੍ਰੀਨਸ਼ਾਟ ਲੈਂਦੀ ਹੈ ਪਰ ਇਸ ਵਾਰ ਇੱਕ ਜੇਪੀਈਜੀ ਚਿੱਤਰ ਨੂੰ ਬਾਹਰ ਕਰ ਦਿੰਦਾ ਹੈ ਜੋ ਕਿ ਦਿਵ ਦਾ ਸਹੀ ਅਕਾਰ ਹੈ.

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

# The -1 indicates that image should not be cropped
options = GrabzIt::ImageOptions.new()
options.width = 250
options.height = 250
options.format = "jpg"
options.targetElement = "#features"
options.browserHeight = -1

grabzItClient.url_to_image("http://www.bbc.co.uk/news", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")